a,select,textarea,input,button,html,body,div,ul,li{
	tap-highlight-color:transparent !important;
}
@keyframes rt{
     to{
        stroke-dashoffset:0;
    } 
}

@keyframes animLoadedHeader{to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);}}

@keyframes wave{
  0%{
    width: 0%;
  }
  100%{
    width:218px;
  }
}
@keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}
*{
	outline:none;
}
.swiper-slide{
	min-height:0 !important;
}


.w1720{
	width:1720px;
	margin-left:auto;
	margin-right:auto;
	@media(max-width:1740px){
		width:94%;
	}
}

.w1440{
	width:1440px;
	margin-left:auto;
	margin-right:auto;
	@media(max-width:1460px){
		width: 94%;
	}
}
@font-face {
  font-family: "AVANTGARDEITCBYBT-DEMI";
  src: url("fonts/AVANTGARDEITCBYBT-DEMI.woff2") format("woff2"),
       url("fonts/AVANTGARDEITCBYBT-DEMI.woff") format("woff"),
       url("fonts/AVANTGARDEITCBYBT-DEMI.ttf") format("truetype"),
       url("fonts/AVANTGARDEITCBYBT-DEMI.eot") format("embedded-opentype"),
       url("fonts/AVANTGARDEITCBYBT-DEMI.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "BEBAS__";
  src: url("fonts/BEBAS__.woff2") format("woff2"),
       url("fonts/BEBAS__.woff") format("woff"),
       url("fonts/BEBAS__.ttf") format("truetype"),
       url("fonts/BEBAS__.eot") format("embedded-opentype"),
       url("fonts/BEBAS__.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "AGENCYB_1";
  src: url("fonts/AGENCYB_1.woff2") format("woff2"),
       url("fonts/AGENCYB_1.woff") format("woff"),
       url("fonts/AGENCYB_1.ttf") format("truetype"),
       url("fonts/AGENCYB_1.eot") format("embedded-opentype"),
       url("fonts/AGENCYB_1.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: "ELEPHNT_1";
  src: url("fonts/ELEPHNT_1.woff2") format("woff2"),
       url("fonts/ELEPHNT_1.woff") format("woff"),
       url("fonts/ELEPHNT_1.ttf") format("truetype"),
       url("fonts/ELEPHNT_1.eot") format("embedded-opentype"),
       url("fonts/ELEPHNT_1.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}



@font-face {
  font-family: "HELVETICA-CONDENSED-BLACK-SE";
  src: url("fonts/HELVETICA-CONDENSED-BLACK-SE.woff2") format("woff2"),
       url("fonts/HELVETICA-CONDENSED-BLACK-SE.woff") format("woff"),
       url("fonts/HELVETICA-CONDENSED-BLACK-SE.ttf") format("truetype"),
       url("fonts/HELVETICA-CONDENSED-BLACK-SE.eot") format("embedded-opentype"),
       url("fonts/HELVETICA-CONDENSED-BLACK-SE.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

$color:#f39700;

@mixin opacity($opacity){
	filter:alpha(opacity=$opacity*100);
	opacity:$opacity; 
} 

@mixin fz($fz,$lh){
	font-size:$fz;
	line-height:$lh;
}


@mixin w($width){
	width:$width;
	margin-left:auto;
	margin-right:auto;
}
@mixin float($float:left){
	float:$float;
}
body{
	width:100%;
	overflow:hidden;
	height:auto;
}
.ellipsis{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

::-webkit-input-placeholder { 
	color:#666 !important;		
} 
:-moz-placeholder { 
	color:#666 !important;	
} 
::-moz-placeholder { 
	color:#666 !important;	
} 
:-ms-input-placeholder { 
	color:#666 !important;	
} 


.top{
	@media(min-width:1024px){
		transform:translateY(50px);
		opacity:0;
		&.animate{
			transform:translateY(0px);
			opacity:1;
			transition:transform 0.6s ease-out,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
		}
	}
}
.bottom{
	@media(min-width:1024px){
		transform:translateY(-50px);
		opacity:0;
		&.animate{
			transform:translateY(0px);
			opacity:1;
			transition:transform 0.6s ease-out,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
		}
	}
}
.left{
	@media(min-width:1024px){
		transform:translateX(50px);
		@include opacity(0);
		&.animate{
			transform:translateX(0px);
			@include opacity(1);
			transition:transform 0.6s ease-out,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
		}
	}
}

.right{
	@media(min-width:1024px){
		transform:translateX(-50px);
		@include opacity(0);
		&.animate{
			transform:translateX(0px);
			@include opacity(1);
			transition:transform 0.6s ease-out,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
		}
	}
}


.w1600{
	width:1600px;
	margin-left:auto;
	margin-right:auto;
	@media(max-width:1620px){
		width:94%;
	}
}
.w1200{
	width:1200px;
	margin-left:auto;
	margin-right:auto;
	@media(max-width:1220px){
		width:94%;
	}
}
.header{
	width:100%;
	height:100px;
	background:url(../img/hbg.jpg) no-repeat;
	background-size:cover;
	transition:all 0.5s;
	&.active{
		transform:translateX(-390px);
		@media(max-width:500px){
			transform:translateX(-250px);
		}
	}
	.header_cen{
		padding-left:60px;
		padding-right:110px;
		.logo{
			float: left;
			line-height:100px;
		}
		.push-line{
	   		overflow: hidden;
	   		width:28px;
	   		height: 60px;
	   		cursor: pointer;
	   		float:right;
	   		position:relative;
	   		display:none;
	   		transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1);
			@media(max-width:1024px){
				display:block;
			} 
			span {
			    height: 2px;
			    background:$color;
			    display: block;
			    position: absolute;
			    width:28px;
			    display:block;
			    z-index: 5;
			    top: 18px;
			    left: 50%;
			    margin: 0px 0px 0px -14px;
			    transform-origin: center;
			    border-radius: 3px;
			    transition:all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s;
			    &.line-2{
			    	top:28px;
			    }
			    &.line-3{
			    	top:38px;
			    }
			}
			&.currentDd{
				.line-1{
					transform: rotate(225deg);
					top:30px;
				}
				.line-2{
					opacity:0;
					left:-100%;
				}
				.line-3{
					top:30px;
					transform: rotate(-225deg);
				}
			}
		}
		.tel{
			float: right;
			text-align:right;
			@include fz(20px,100px);
			color:$color;
			padding-left:24px;
			background:url(../img/tel.png) no-repeat left center;
		}
		.search{
			float: right;
			width:30px;
			// height:30px;
			height: 100px;
			// margin-top:35px;
			margin-right:47px;
			margin-left:30px;
			position:relative;
			transition:all 0.5s;
			&.open{
				.search_box{
					 transform:rotateX(0deg);
				}
			}
			.ico{
				width:100%;
				height:100%;
				background:url(../img/search.png) no-repeat center center;
				position:relative;
				cursor:pointer;
			}
			.search_box{
				position:absolute;
				width:300px;
				height:50px;
				right:-12px;
				top:100px;
				background:#000;
				z-index:100;
			    transform: perspective(800px) rotateX(-90deg);
			    transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1);
			    transform-origin:top center;
				.text{
					width:253px;
					height:50px;
					padding-left:10px;
					padding-right:10px;
					box-sizing:border-box;
					border:none;
					display: block;
					float: left;
					background:none;
					@include fz(14px,50px);
					color:#fff;
					transition:all 0.5s;
				}
				.submit{
					display: block;
					float: left;
					width:40px;
					height:50px;
					background:url(../img/search.png) no-repeat center center;
					border:none;
				}
			}
		}
		.nav{
			float: right;
			padding-right:33px;
			background:url(../img/line.png) no-repeat right center;
			ul{
				li:last-child{
					margin-right:0;
				}
				li{
					float: left;
					margin-right:55px;
					&.active{
						a{
							color:$color;
						}
					}
					a{
						display: block;
						@include fz(16px,100px);
						color:#eee;
					}
				}
			}
		}
	}
	@media(max-width:1450px){
		.header_cen{
			padding-left:40px;
			padding-right:40px;
			.search{
				margin-right:30px;
			}
			.nav{
				ul{
					li{
						margin-right:40px;
					}
				}
			}
		}
	}
	@media(max-width:1250px){
		.header_cen{
			padding:0 30px;
			.logo{
				img{
					width:300px;
					height: auto;
				}
			}
			.nav{
				ul{
					li{
						margin-right:35px;
					}
				}
			}
		}
	}
	@media(max-width:1150px){
		.header_cen{
			padding:0 30px;
			.logo{
				img{
					width:240px;
					height: auto;
				}
			}
			.search{
				margin-right:20px;
				margin-left:20px;
			}
			.nav{
				ul{
					li{
						margin-right:28px;
					}
				}
			}
		}
	}
	@media(max-width:1024px){
		height: 60px;
		.header_cen{
			padding:0 3%;
			.logo{
				line-height:60px;
			}
			.search,.tel,.nav{
				display: none;
			}
		}
	}
}

.abanner{
	overflow: hidden;
	position:relative;
	.txt_box{
		width:1440px;
		height: 100%;
		position:absolute;
		left:50%;
		margin-left:-720px;
		top:0;
		@extend .left;
		&.txt_box2{
			.tab{
				.tab_cell{
					.txt{
						margin-top:2px;
					}
					.ico{
						margin-top:10px;
					}
				}
			}
		}
		.tab{
			width:100%;
			height:100%;
			display:table;
			.tab_cell{
				display: table-cell;
				vertical-align: middle;
				.tit{
					@include fz(18px,44px);
					color:#fff;
					font-weight:bold;
					padding:0 22px;
					display: inline-block;
					background:url(../img/tbg.png) no-repeat center center;
					background-size:100% 100%;
				}
				.en{
					@include fz(80px,100px);
					color:#fff;
					text-transform:uppercase;
					font-family: "BEBAS__";
					span{
						color:$color;
					}
				}
				.ico{
					margin-top:22px;
				}
				.txt{
					@include fz(40px,66px);
					color:#fff;
					font-weight:bold;
					margin-top:20px;
				}
				.con{
					margin-top:15px;
					color: #fff;
					width:1070px;
					@include fz(16px,32px);
					text-shadow: 0 3px 6px rgba(4,0,0,.75);
					@media(max-width:1200px){
						width:100%;
					}
				}
			}
		}
	}
	>img{
		width:100%;
		height: auto;
	}
	@media(max-width:1460px){
		.txt_box{
			width:94%;
			margin-left:-47%;
			.tab{
				.tab_cell{
					.en{
						@include fz(70px,90px);
					}
					.ico{
						margin-top:12px;
					}
					.txt{
						@include fz(36px,60px);
						margin-top:12px;
					}
				}
			}
		}
		>img{
			width:130%;
			margin-left:-15%;
		}
	}
	@media(max-width:1024px){
		.txt_box{
			.tab{
				.tab_cell{
					.tit{
						@include fz(16px,38px);
						padding:0 15px;
					}
					.en{
						@include fz(50px,70px);
					}
					.ico{
						margin-top:8px;
					}
					.txt{
						@include fz(30px,50px);
						margin-top:8px;
					}
					.con{
						margin-top:10px;
						width:78%;
						height:80px;
						overflow: hidden;
						@include fz(14px,24px);
					}
				}
			}
		}
	}
	@media(max-width:750px){
		.txt_box{
			.tab{
				.tab_cell{
					.tit{
						display: none;
					}
					.en{
						@include fz(30px,40px);
					}
					.ico{
						margin-top:5px;
						line-height:0;
						img{
							width: 50px;

						}
					}
					.txt{
						@include fz(20px,30px);
						margin-top:5px;
					}
				}
			}
		}
		>img{
			width:150%;
			margin-left:-25%;
		}
	}
	@media(max-width:500px){
		.txt_box{
			.tab{
				.tab_cell{
					.con{
						width:88%;
						@include fz(14px,20px);
						height:50px;
					}
				}
			}
		}
		>img{
			width:170%;
			margin-left:-50%;
		}
	}
}

.position{
	width:100%;
	height: 80px;
	background: #1e1d1c;
	display: block;
	&.position2{
		.position_cen{
			a{
				min-width:210px;
			}
		}
		@media(max-width:1200px){
			.position_cen{
				a{
					min-width:190px;
				}
			}
		}
	}
	&.fixed{
		position:fixed;
		left:0;
		top:0;
		z-index:1000;
	}
	@media(max-width:1024px){
		display: none;
	}
	.position_cen{
		text-align: center;
		font-size:0;
		height: 100%;
		.link_box{
			display: inline-block;
			vertical-align: middle;
			height: 80px;
		}
		a{
			display: inline-block;
			padding:0 5px;
			text-align: center;
			position:relative;
			vertical-align: top;
			position:relative;
			height: 100%;
			min-width:187px;
			box-sizing:border-box;
			&.active{
				.bg{
					@include opacity(1);
				}
				.txt{
					transform:translateY(-20%);
					.cn{
						font-weight:bold;
						color:#fff;
						font-size:18px;
					}
					.en{
						@include opacity(1);
						transform:translateY(0px);
					}
				}
			}
			&:hover{
				.bg{
					@include opacity(1);
				}
				.txt{
					transform:translateY(-20%);
					.cn{
						font-size:18px;
						font-weight:bold;
					}
					.en{
						@include opacity(1);
						transform:translateY(0px);
					}
				}
			}
			.txt{
				padding-top:29px;
				position:relative;
				z-index:10;
				transition:all 0.5s cubic-bezier(0,.83,.58,1.03);
				.cn{
					@include fz(16px,22px);
					color:#eee;
					display: block;
					transition:all 0.5s cubic-bezier(0,.83,.58,1.03);
				}
				.en{
					@include fz(24px,24px);
					color:rgba(255,255,255,0.15);
					display: block;
					@include opacity(0);
					text-transform:uppercase;
					font-family: "BEBAS__";
					transform:translateY(5px);
					transition:opacity 0.5s cubic-bezier(0,.83,.58,1.03);
				}
			}
			.bg{
				width:102%;
				height:113%;
				position:absolute;
				bottom:0;
				left:0;
				display: block;
				background:url(../img/bg.png) no-repeat;
				background-size:cover;
				@include opacity(0);
				transition:all 0.5s cubic-bezier(0,.83,.58,1.03);
			}
		}
		.code{
			display: inline-block;
			vertical-align: middle;
			width:80px;
			height: 80px;
			position:relative;
			@media(min-width:1024px){
				&:hover{
					.ico{
						background:url(../img/wx2.png) no-repeat center center;
					}
					.cbox{
						visibility: visible;
						@include opacity(1);
						transform:translateY(0px);
					}
				}
			}
			.ico{
				width:100%;
				transition:all 0.5s;
				height: 100%;
				background:url(../img/wx3.png) no-repeat center center;
			}
			.cbox{
				width:140px;
				height:149px;
				background:url(../img/cbg.png) no-repeat;
				background-size:cover;
				position:absolute;
				left:50%;
				margin-left:-70px;
				top:70px;
				@include opacity(0);
				transform:translateY(50px);
				visibility: hidden;
				transition:all 0.5s ease-in-out;
				img{
					width:138px;
					height: 138px;
					margin-top:11px;
				}
			}
		}
	}
}

.tabs_m{
	display: none;
	position:relative;
	@media(max-width:1024px){
		display: block;
	}
	.tabs_tit{
		padding-left:3%;
		height: 60px;
		position:relative;
		background: #1e1d1c;
		h6{
			float: left;
			color:#fff;
			@include fz(18px,60px);
		}
		.icon{
			width:60px;
			height:60px;
			float: right;
			background:url(../img/xl.png) no-repeat center center $color;
		}
		@media(max-width:700px){
			height: 50px;
			h6{
				line-height:50px;
				font-size:16px;
			}
			.icon{
				width:50px;
				height: 50px;
				background-size:50% auto;
			}
			
		}
	}
	.tabs_con{
		width:100%;
		height: auto;
		position:absolute;
		left:0;
		display: none;
		top:60px;
		z-index:100;
		ul{
			li{
				background: #fff;
				border-bottom:1px solid #f1f1f1;
				padding:0 3%;
				a{
					display: block;
					@include fz(18px,60px);
					color:#333;
				}
			}
		}
		@media(max-width:700px){
			top: 50px;
			ul{
				li{
					a{
						@include fz(16px,50px);
					}
				}
			}
			
		}
	}
}
.main{
	transition:all 0.5s;
	&.active{
		transform:translateX(-390px);
		@media(max-width:500px){
			transform:translateX(-250px);
		}
	}
	&.welcome{
		padding-top:100px;
		@media(max-width:1024px){
			padding-top:60px;
		}
		.banner{
			position:relative;
			.xia{
				position:absolute;
				width:74px;
				height: 64px;
				background:url(../img/lbx.png) no-repeat;
				left:50%;
				margin-left:-37px;
				bottom:35px;
				z-index:10;
				cursor:pointer;
				text-align: center;
				padding-top:24px;
				box-sizing:border-box;
				i{
					// width:12px;
					height:7px;
					display:block;
					width:100%;
					background:url(../img/io.png) no-repeat center center;
				}
			}
			@media(max-width:1024px){
				display: none;
			}
			.flexslider{
				width:100%;
				height: 100%;
				padding-right:100px;
				box-sizing:border-box;
				position:relative;

				.num{
					position:absolute;
					left:50px;
					top:30%;
					z-index:100;
					ul{
						li{
							margin-bottom:20px;
							margin-top:7px;
							cursor:pointer;
							&.flex-active{
								.number{
									color:$color;
								}
								.line{
									background:$color;
									display: block;
								}
							}
							.number{
								@include fz(16px,20px);
								color:#fff;
								font-family: "AVANTGARDEITCBYBT-DEMI";
							}
							.line{
								width:1px;
								height:50px;
								background: #fff;
								display: none;
								margin:14px auto;
							}
						}
					}
				}
				.flex-control-nav{
					display: none;
				}
				.flex-direction-nav{
					display: block;
					li{
						a{
							position:absolute;
							z-index:1000;
							right:233px;
							display: block;
							bottom:0;
							overflow: hidden;
							background:url(../img/l.png) no-repeat center center #171615;
							width:133px;
							height:100px;
							text-indent:1000px;
							transition:all 0.3s;
							&:hover{
								background:url(../img/l2.png) no-repeat center center #171615;
							}
							&.flex-next{
								right:100px;
								background:url(../img/r.png) no-repeat center center #171615;
								width:133px;
								height:100px;
								&::before{
									content:'';
									width:1px;
									height:40px;
									display: block;
									background: #333;
									position:absolute;
									left:0;
									top:50%;
									margin-top:-20px;
								}
								&:hover{
									background:url(../img/r2.png) no-repeat center center #171615;
								}
							}
						}
					}
				}
				.slides{
					height: 100%;
					li{
						height: 100%;
						position:realtive;
						a{
							display: block;
						}	
					}
				}
			}
			.share{
				width:100px;
				position:absolute;
				right:0;
				top:0;
				height: 100%;
				background:url(../img/hbg.jpg) no-repeat center center;
				background-size:cover;
				padding-top:10%;
				box-sizing:border-box;
				.en{
					color:#333;
					width:100%;
					text-align: center;
				}
				.line{
					width:1px;
					height:120px;
					background: #333;
					margin-left:auto;
					margin-right:auto;
					margin-top:22px;
				}
				.bdsharebuttonbox{
					a{
						width:25px;
						height:22px;
						display: block;
						padding:0;
						margin:30px auto;
						float:none;
						&.bds_sqq{
							background:url(../img/qq.png) no-repeat center center;
						}	
						&.bds_weixin{
							background:url(../img/wx.png) no-repeat center center;
						}
						&.bds_tsina{
							background:url(../img/wb.png) no-repeat center center;
						}	
					}
				}
			}
		}
		.swiper_banner{
			display: none;
			@media(max-width:1024px){
				display: block;
			}
			.swiper-container{
				.swiper-pagination{
					transition:none;
					.swiper-pagination-bullet{
						width:10px;
						height:10px;
						border-radius:50%;
						background: #fff;
						&.swiper-pagination-bullet-active{
							background:$color;
						}
					}
				}
				.swiper-wrapper{
					.swiper-slide{
						a{
							display: block;
							img{
								width:100%;
								height: auto;
								display: block;
							}
						}
					}
				}
			}
		}
		.case_box{
			padding-bottom:155px;
			@media(max-width:1200px){
				padding-bottom:120px;
			}
			@media(max-width:1024px){
				padding-bottom:80px;
			}
			@media(max-width:600px){
				padding-bottom:40px;
			}
			.case_cen{
				padding-top:130px;
				@extend .top;
				@media(max-width:1200px){
					padding-top:100px;
				}
				@media(max-width:1024px){
					padding-top:80px;
				}
				@media(max-width:600px){
					padding-top:40px;
				}
				.title{
					position:relative;
					.tit{
						float: left;
						.en{
							text-transform:uppercase;
							@include fz(60px,76px);
							color:$color;
							font-family: "ELEPHNT_1";
							@media(max-width:1400px){
								@include fz(50px,70px);
							}
							@media(max-width:1024px){
								@include fz(40px,60px);
							}
							@media(max-width:600px){
								@include fz(28px,44px);
							}
						}
						.cn{
							@include fz(28px,54px);
							color:#fff;
							@media(max-width:1400px){
								@include fz(24px,50px);
							}
							@media(max-width:1024px){
								@include fz(24px,30px);
							}
						}
					}
					.read_more{
						display: block;	
						width:240px;
						height:66px;
						border:1px solid #21252b;
						@include fz(16px,66px);
						color:#fff;
						text-align: center;	
						font-family: "AVANTGARDEITCBYBT-DEMI";
						text-transform:uppercase;
						position:absolute;
						right:0;
						top:50%;
						margin-top:-33px;
						transition:all 0.5s;
						@media(max-width:1400px){
							width:200px;
							height: 50px;	
							line-height:50px;
							margin-top:-25px;
						}
						@media(max-width:1024px){
							width:160px;
							height: 44px;	
							line-height:44px;
							font-size: 14px;
							margin-top:-22px;
						}
						@media(min-width:1024px){
							&:hover{
								background:$color;
							}
						}
						@media(max-width:500px){
							display: none;
						}
						span{
							width:6px;
							height:6px;
							background:$color;
							border-radius:6px;
							position:absolute;
							&.line-1{
								left:-3px;
								top:-3px;
							}
							&.line-2{
								right:-3px;
								top:-3px;
							}
							&.line-3{
								left:-3px;
								bottom:-3px;
							}
							&.line-4{
								right:-3px;
								bottom:-3px;
							}
						}
					}
				}
				.owl-carousel{
					margin-top:50px;
					.item{
						a{
							display: block;
							@media(min-width:1024px){
								&:hover{
									.tu{
										img{
											transform:scale(1.1);
										}
									}
									.cont{
										background:$color;
										.t,.ds{
											color:#fff;
										}
									}
								}
							}
							.tu{
								overflow: hidden;
								img{
									width:100%;
									height:auto;
									display: block;
									transition:all 0.5s ease-in-out;
								}
							}
							.cont{
								width:100%;
								height:80px;
								background: #eee;
								transition:all 0.5s ease-in-out;
								padding-left:22px;
								padding-right:22px;
								padding-top: 15px;
								box-sizing:border-box;
								.t{
									@include fz(20px,28px);
									transition:all 0.5s ease-in-out;
									color:#333;
									@extend .ellipsis;
								}
								.ds{
									transition:all 0.5s ease-in-out;
									@include fz(14px,24px);
									color:#666;
									@extend .ellipsis;
								}
								@media(max-width:850px){
									height: 60px;
									padding-top:5px;
									padding-left:15px;
									padding-right:15px;
									.t{
										font-size:16px;
									}
								}
							}
						}
					}
					@media(max-width:600px){
						margin-top:30px;
					}
				}
				.read_more2{
					display: none;	
					width:240px;
					height:66px;
					border:1px solid #21252b;
					@include fz(16px,66px);
					color:#fff;
					text-align: center;	
					font-family: "AVANTGARDEITCBYBT-DEMI";
					margin:80px auto 0 auto;
					text-transform:uppercase;
					position:relative;
					transition:all 0.5s;
					@media(max-width:500px){
						display: block;
					}
					@media(max-width:1400px){
						width:200px;
						margin:60px auto 0 auto;
						height: 50px;	
						line-height:50px;
					}
					@media(max-width:1024px){
						width:160px;
						margin:30px auto 0 auto;
						height: 44px;	
						line-height:44px;
						font-size: 14px;
					}
					@media(min-width:1024px){
						&:hover{
							background:$color;
						}
					}
					span{
						width:6px;
						height:6px;
						background:$color;
						border-radius:6px;
						position:absolute;
						&.line-1{
							left:-3px;
							top:-3px;
						}
						&.line-2{
							right:-3px;
							top:-3px;
						}
						&.line-3{
							left:-3px;
							bottom:-3px;
						}
						&.line-4{
							right:-3px;
							bottom:-3px;
						}
					}
				}
			}
		}
		.business_box{
			padding-top:144px;
			@media(max-width:1200px){
				padding-top: 120px;
			}
			@media(max-width:1024px){
				padding-top: 80px;
			}
			@media(max-width:600px){
				padding-top: 40px;
			}
			.title{
				text-align: center;
				@extend .bottom;
				.en{
					text-transform:uppercase;
					@include fz(60px,76px);
					color:$color;
					font-family: "ELEPHNT_1";
					@media(max-width:1400px){
						@include fz(50px,70px);
					}
					@media(max-width:1024px){
						@include fz(40px,60px);
					}
					@media(max-width:600px){
						@include fz(28px,44px);
					}
				}
				.cn{
					@include fz(28px,54px);
					color:#fff;
					@media(max-width:1400px){
						@include fz(24px,50px);
					}
					@media(max-width:1024px){
						@include fz(24px,30px);
					}
				}
			}
			.business{
				margin-top:45px;
				@extend .top;
				@media(max-width:600px){
					margin-top:40px;
				}
				.swiper_business{
					display: none;	
					@media(max-width:1024px){
						display: block;
					}
					.swiper-container{
						padding-bottom:30px;
						.swiper-pagination{
							transition:none;
							bottom:-4px;
							.swiper-pagination-bullet{
								width:10px;
								height:10px;
								border-radius:50%;
								background: #fff;
								&.swiper-pagination-bullet-active{
									background:$color;
								}
							}
						}
						.swiper-wrapper{
							.swiper-slide{
								a{
									display: block;
									position:relative;
									.tu{
										overflow: hidden;	
										img{
											width:100%;
											height:auto;
										}
									}
									.txt_box{
										position:absolute;
										width:100%;
										left:0;
										bottom:20px;
										padding:0 8.4%;
										.cn{
											@include fz(24px,36px);
											color:#fff;
											font-weight:bold;
										}
										.en{
											@include fz(16px,26px);
											color:#fff;
											text-transform:uppercase;
											font-family: "AVANTGARDEITCBYBT-DEMI";
										}
									
										.line{
											margin-top:10px;
											width:30px;
											height:4px;
											background:$color;
										}
										@media(max-width:600px){
											padding:0 5%;
											.cn{
												@include fz(20px,30px);
											}
											.en{
												@include fz(13px,20px);
											}
										
											.line{
												height:3px;
											}
										}
									}
								}
							}
						}
					}
				}
				ul{
					li{
						width:25%;
						float: left;
						overflow: hidden;
						@media(min-width:1024px){
							&:hover{
								a{
									.hover_box{
										@include opacity(1);
										transform:translateY(0%);
									}
									.txt_box{
										@include opacity(0);
										transform:translateY(30px);
									}
								}
							}
						}
						a{
							display: block;
							position:relative;
							.tu{
								position:relative;
								overflow: hidden;

								img{
									width:100%;
									height: auto;
								}
							}
							.hover_box{
								width:100%;
								height:100%;
								position:absolute;
								left:0;
								top:0;
								background:rgba($color,0.85);
								transform:translateY(-101%);
								transition: all 0.68s cubic-bezier(.4,0,.2,1);
								padding-top:55%;
								.tit{
									text-align: center;
									.cn{
										@include fz(34px,54px);
										color:#fff;
										font-weight:bold;
									}
									.en{
										@include fz(18px,32px);
										color:#fff;
										text-transform:uppercase;
										font-family: "AVANTGARDEITCBYBT-DEMI";
									}
									.line{
										margin-top:16px;
										width:30px;
										height:5px;
										background:#fff;
										margin-top:30px;
										margin-left:auto;
										margin-right:auto;
									}
								}
								.more{
									width:180px;
									height:46px;
									border:1px solid #e1ab54;
									background:rgba(#fff,0.2);
									display: block;
									margin-left:auto;
									margin-right:auto;
									text-align: center;
									font-size:0;
									margin-top:30%;
									.e{
										display: inline-block;
										vertical-align: middle;
										@include fz(14px,46px);
										color:#fff;
										margin:0 6px;
										text-transform:uppercase;
										font-family: "AVANTGARDEITCBYBT-DEMI";
									}
									i{
										display: inline-block;
										vertical-align: middle;
										width:6px;
										height:9px;
										background:url(../img/more.png) no-repeat center center;
										margin:0 6px;
									}
								}
							}
							.txt_box{
								position:absolute;
								width:100%;
								left:0;
								bottom:40px;
								padding:0 10.4%;
								transition: all .4s cubic-bezier(.4,0,.2,1);
								box-sizing:border-box;
								.cn{
									@include fz(28px,44px);
									color:#fff;
									font-weight:bold;
								}
								.en{
									@include fz(18px,30px);
									color:#fff;
									text-transform:uppercase;
									font-family: "AVANTGARDEITCBYBT-DEMI";
								}
							
								.line{
									margin-top:16px;
									width:30px;
									height:5px;
									background:$color;
								}
							}
						}
						@media(max-width:1600px){
							a{
								.hover_box{
									padding-top:55%;
									.tit{
										.cn{
											@include fz(30px,50px);
											color:#fff;
										}
										.en{
											@include fz(16px,28px);
										}
									}
								}
								.txt_box{
									bottom:30px;
									padding:0 7.4%;
									.cn{
										@include fz(24px,40px);
									}
									.en{
										@include fz(16px,38px);
									}
									.line{
										margin-top: 10px;
									}
								}
							}
						}
						@media(max-width:1300px){
							a{
								.hover_box{
									padding-top:45%;
									.tit{
										.cn{
											@include fz(30px,50px);
											color:#fff;
										}
										.en{
											@include fz(16px,28px);
										}
										.line{
											margin-top:15px;
										}
									}
									.more{
										width:140px;
										margin-top: 25%;
										height: 40px;
										.e{
											line-height:40px;
										}
									}
								}
								.txt_box{
									bottom:20px;
									padding:0 4.4%;
									.cn{
										@include fz(24px,40px);
									}
									.en{
										@include fz(16px,28px);
									}
									.line{
										margin-top: 10px;
									}
								}
							}
						}
						@media(max-width:1024px){
							display: none;
						}
					}
				}
				.read_more{
					display: block;	
					width:240px;
					height:66px;
					border:1px solid #21252b;
					@include fz(16px,66px);
					color:#fff;
					text-align: center;	
					font-family: "AVANTGARDEITCBYBT-DEMI";
					margin:80px auto 0 auto;
					text-transform:uppercase;
					position:relative;
					transition:all 0.5s;
					@media(max-width:1400px){
						width:200px;
						margin:60px auto 0 auto;
						height: 50px;	
						line-height:50px;
					}
					@media(max-width:1024px){
						width:160px;
						margin:30px auto 0 auto;
						height: 44px;	
						line-height:44px;
						font-size: 14px;
					}
					@media(min-width:1024px){
						&:hover{
							background:$color;
						}
					}
					span{
						width:6px;
						height:6px;
						background:$color;
						border-radius:6px;
						position:absolute;
						&.line-1{
							left:-3px;
							top:-3px;
						}
						&.line-2{
							right:-3px;
							top:-3px;
						}
						&.line-3{
							left:-3px;
							bottom:-3px;
						}
						&.line-4{
							right:-3px;
							bottom:-3px;
						}
					}
				}
			}
			.about_box{
				@extend .top;
				padding-bottom:240px;
				@media(max-width:1400px){
					padding-bottom:200px;
				}
				@media(max-width:1200px){
					padding-bottom:140px;
				}
				@media(max-width:1024px){
					padding-bottom:80px;
				}
				@media(max-width:600px){
					padding-bottom:40px;
				}
				.abox{
					margin-top: 240px;
					position:relative;
					@media(max-width:1400px){
						margin-top:200px;
					}
					@media(max-width:1200px){
						margin-top:140px;
					}
					@media(max-width:1024px){
						margin-top:80px;
					}
					@media(max-width:600px){
						margin-top:40px;
					}
					.ab_r{
						width:27.9%;
						position:absolute;
						right:0;
						top:0;
						background:$color;
						padding-top:35px;
						padding-left:2.3%;
						padding-right:2.3%;
						height: 100%;
						box-sizing:border-box;
						@media(max-width:1024px){
							width:100%;
							margin-top:50px;
							height:auto;
							position:static;
							padding:35px 2%;
						}
						@media(max-width:600px){
							margin-top:25px;
							// padding:20px 2%;
						}
						.tit{
							text-align:right;
							@media(max-width:1024px){
								text-align: center;
							}
							.en{
								@include fz(48px,56px);
								color:#fff;
								font-family: "ELEPHNT_1";
								text-transform:uppercase;
								@media(max-width:1400px){
									@include fz(40px,50px);
								}
								@media(max-width:1200px){
									@include fz(30px,40px);
								}
								@media(max-width:600px){
									@include fz(28px,36px);
								}
							}
							.txt{
								display: inline-block;
								.ico{
									width:32px;
									height:5px;
									background:url(../img/line3.png) no-repeat;
									margin-top:13px;
									margin-left:auto;
									margin-right:auto;
									@media(max-width:600px){
										margin-top:5px;
									}
								}
								.cn{
									@include fz(20px,34px);
									color:#fff;
									margin-top:12px;
									@media(max-width:1200px){
										@include fz(16px,28px);
									}
									@media(max-width:600px){
										margin-top:5px;
									}
								}
							}
						}
						.con{
							@include fz(16px,30px);
							color:#fff;
							margin-top:60px;
							height: 240px;
							overflow: hidden;
							@media(max-width:1400px){
								font-size:14px;
							}
							@media(max-width:1024px){
								font-size:14px;
								height: auto;
								margin-top:40px;
							}
							@media(max-width:600px){
								font-size:14px;
								height: auto;
								line-height:24px;
								margin-top:20px;
							}
							p{
								text-indent:2em;
							}
						}
						.read_more{
							display: block;	
							width:240px;
							height:66px;
							@include fz(16px,66px);
							color:#fff;
							text-align: center;	
							font-family: "AVANTGARDEITCBYBT-DEMI";
							margin:48% auto 0 auto;
							text-transform:uppercase;
							position:relative;
							background: #f4a21a;
							transition:all 0.5s;
							@media(max-width:1400px){
								width:200px;
								margin:40% auto 0 auto;
								height: 50px;	
								line-height:50px;
							}
							@media(max-width:1024px){
								width:160px;
								margin:30px auto 0 auto;
								height: 44px;	
								line-height:44px;
								font-size: 14px;
							}
							span{
								width:6px;
								height:6px;
								background:#fff;
								border-radius:6px;
								position:absolute;
								&.line-1{
									left:-3px;
									top:-3px;
								}
								&.line-2{
									right:-3px;
									top:-3px;
								}
								&.line-3{
									left:-3px;
									bottom:-3px;
								}
								&.line-4{
									right:-3px;
									bottom:-3px;
								}
							}
						}
					}
					.ab_l{
						width:29.6%;
						position:absolute;
						left:0;
						top:0;
						height:100%;
						@media(max-width:1024px){
							position:static;
							width:100%;
							height: auto;
							padding-top:100%;
							display: none;
						}
					}
					.ab_cen{
						// float: left;
						width:34.9%;
						margin-left:33.4%;
						padding-top:35px;
						@media(max-width:1024px){
							width:100%;
							margin-left:0;
							padding-top:0;
						}
						.tit{
							text-align:right;
							@media(max-width:1024px){
								text-align: center;
							}
							.en{
								@include fz(48px,56px);
								color:$color;
								font-family: "ELEPHNT_1";
								text-transform:uppercase;
								@media(max-width:1400px){
									@include fz(40px,50px);
								}
								@media(max-width:1200px){
									@include fz(30px,40px);
								}
								@media(max-width:600px){
									@include fz(28px,36px);
								}
							}
							.txt{
								display: inline-block;
								.ico{
									width:32px;
									height:5px;
									background:url(../img/line2.png) no-repeat;
									margin-top:13px;
									margin-left:auto;
									margin-right:auto;
									@media(max-width:600px){
										margin-top:5px;
									}
								}
								.cn{
									@include fz(20px,34px);
									color:$color;
									margin-top:12px;
									@media(max-width:1200px){
										@include fz(16px,28px);
									}
									@media(max-width:600px){
										margin-top:5px;
									}
								}
							}
						}
						.news_list{
							margin-top:50px;
							@media(max-width:600px){
								margin-top:30px;
							}
							.more{
								width:84px;
								height:84px;
								border:1px dashed #fff;
								box-sizing:border-box;
								border-radius:50%;
								background:url(../img/j.png) no-repeat center center;
								float: right;
								margin-right:25px;
								@media(max-width:1200px){
									margin-right:0;
								}
								@media(max-width:600px){
									width:70px;
									height: 70px;
								}
							}
							ul{
								li{
									padding-right:25px;
									margin-bottom:50px;
									@media(max-width:1200px){
										padding-right:0;
									}
									@media(max-width:600px){
										margin-bottom:23px;
									}
									a{
										display: block;
										position:relative;
										.cont{
											padding-right:120px;
											width:100%;
											box-sizing:border-box;
											@media(max-width:1400px){
												padding-right:100px;
											}
											.t{
												@include fz(24px,34px);
												color:#fff;
												text-align:right;
												@extend .ellipsis;
												@media(max-width:1400px){
													@include fz(20px,30px);
												}
												@media(max-width:600px){
													@include fz(16px,28px);
												}
											}
											.con{
												@include fz(16px,24px);
												color:#fff;
												overflow: hidden;
												height: 48px;
												text-align:right;
												margin-top:10px;
												@media(max-width:1400px){
													@include fz(14px,24px);
												}
												@media(max-width:600px){
													margin-top:5px;
												}
											}
										}
										.date{
											width:84px;
											height:auto;
											position:absolute;
											right:0;
											top:0;
											.day{
												width:84px;
												height:84px;
												border:1px dashed #fff;
												box-sizing:border-box;
												border-radius:50%;
												.tab{
													width:100%;
													height:100%;
													display:table;
													.tab_cell{
														text-align: center;
														display: table-cell;
														vertical-align: middle;
														.d{
															@include fz(44px,36px);
															color:#fff;
															font-family: "AGENCYB_1";
														}
														.year{
															@include fz(14px,16px);
															color:#fff;
															font-family: "AGENCYB_1";
														}
													}
												}

											}
											.line{
												width:0px;
												height:52px;
												border:1px dashed #fff;
												margin:0 auto;
											}
											@media(max-width:600px){
												width:70px;
												.day{
													width:70px;
													height:70px;
													.tab{
														.tab_cell{
															.d{
																@include fz(30px,28px);
															}
															
														}
													}
												}
												.line{
													height: 30px;
												}
											}
										}
									}
								}
							}
						}
					}
				}
			}
		}
		
	}
	&.about{
		.about_box{
			.about_cen{
				padding-top:142px;
				padding-bottom:120px;
				@media(max-width:1200px){
					padding-top:120px;
					padding-bottom:100px;
				}
				@media(max-width:1024px){
					padding-top:80px;
					padding-bottom:70px;
				}
				@media(max-width:600px){
					padding-top:40px;
					padding-bottom:40px;
				}
				.ab_l{
					float: left;
					width:41.66%;
					margin-top:10px;
					@extend .right;
					@media(max-width:1300px){
						width:45%;
					}
					@media(max-width:1024px){
						width:100%;
						float:none;
					}
					.title{
						.en{
							text-transform:uppercase;
							@include fz(60px,76px);
							color:$color;
							font-family: "ELEPHNT_1";
							@media(max-width:1460px){
								@include fz(42px,70px);
							}
							@media(max-width:1024px){
								@include fz(40px,60px);
							}
							@media(max-width:600px){
								@include fz(28px,44px);
							}
						}
						.cn{
							@include fz(28px,54px);
							color:#333;
							@media(max-width:1400px){
								@include fz(24px,50px);
							}
							@media(max-width:1024px){
								@include fz(24px,30px);
							}
						}
					}
					.con{
						@include fz(16px,28px);
						color:#666;
						margin-top:50px;
						@media(max-width:1460px){
							margin-top:40px;
						}
						@media(max-width:600px){
							margin-top:20px;
							@include fz(14px,24px);
						}
					}
					.num_list{
						margin-top:98px;
						ul{
							li:last-child{
								margin-right:0;
							}
							li{
								float: left;
								margin-right:10%;
								.num{
									.roll{
										display: inline-block;
										@include fz(80px,50px);
										color:$color;
										font-family: "HELVETICA-CONDENSED-BLACK-SE";
									}
									.txt{
										display: inline-block;
										vertical-align: 2px;
										margin-left:8px;
										@include fz(16px,18px);
										color:#666;
									}
								}
								.con_txt{
									@include fz(14px,26px);
									color:#666;
								}

							}
						}
						@media(max-width:1460px){
							margin-top:70px;
							ul{
								li{
									margin-right:20px;
									.num{
										.roll{
											@include fz(70px,40px);
										}
									}
								}
							}
						}
						@media(max-width:1350px){
							ul{
								li{
									margin-right:15px;
									.num{
										.roll{
											@include fz(70px,40px);
										}
									}
									.con_txt{
										font-size: 13px;
									}
								}
							}
						}
						@media(max-width:1100px){
							ul{
								li{
									margin-right:10px;
									.num{
										.roll{
											@include fz(60px,40px);
										}
									}
									.con_txt{
										font-size: 12px;
									}
								}
							}
						}
						@media(max-width:1024px){
							margin-top:60px;
							ul{
								li{
									width:33.33%;
									margin-right:0;
									.num{
										.roll{
											@include fz(40px,30px);
										}
									}
									.con_txt{
										font-size: 14px;
									}
								}
							}
						}
						@media(max-width:650px){
							margin-top:30px;
							ul{
								li{
									width:50%;
									margin-right:0;
									margin:10px 0;
									.num{
										.roll{
											@include fz(40px,30px);
										}
										.txt{
											margin-left:3px;
											font-size:14px;
										}
									}
									.con_txt{
										font-size: 13px;
									}
								}
							}
						}
					}
				}
				.pic_box{
					width:50%;
					float: right;
					position:relative;
					@extend .left;
					@media(max-width:1024px){
						width:70%;
						float:none;
						margin-top:30px;
					}
					@media(max-width:600px){
						width:100%;
						margin-top:15px;
					}
					.owl-controls{
						position:absolute;
						right:0;
						bottom:0;
						display: inline-block;
						background: #fff;
						width:200px;
						height:44px;
						z-index:10;
						@media(max-width:600px){
							width:120px;
						}
						.owl-nav{
							height: 100%;
							.owl-prev{
								float: left;
								width:100px;
								height:44px;
								padding:0;
								margin:0;
								display: block !important;
								transition:all 0.5s;
								background:url(../img/zl.png) no-repeat center center;
								cursor:pointer;
								position:relative;
								text-indent:2000px;
								@media(max-width:600px){
									width:60px;
								}
								@media(min-width:1024px){
									&:hover{
										background:url(../img/zl2.png) no-repeat center center;
									}
								}
								&::after{
									content:'';
									width:1px;
									height:12px;
									background-color: #e1e1e1;
									position:absolute;
									right:0;
									top:50%;
									margin-top:-6px;
								}
							}
							.owl-next{
								float: left;
								width:100px;
								text-indent:2000px;
								display: block !important;
								height:44px;
								padding:0;
								margin:0;
								transition:all 0.5s;
								background:url(../img/yl.png) no-repeat center center;
								cursor:pointer;
								@media(max-width:600px){
									width:60px;
								}
								@media(min-width:1024px){
									&:hover{
										background:url(../img/yl2.png) no-repeat center center;
									}
								}
							}
						}
						
					}
					.pic_list{
						.owl-dots{
							display: none !important;
						}
						ul{
							li{
								overflow: hidden;
								img{
									display: block;
									width:100%;
									height: auto;
								}
							}
						}
					}
				}
			}
		}
		.id#id1{
			position:relative;
			width:0;
			height: 0;
			margin-top:-80px;
			@media(max-width:1024px){
				margin-top:0;
			}
		}
		.values{
			.values_cen{
				padding-bottom:70px;
				padding-top:172px;
				@media(max-width:1200px){
					padding-top:150px;
				}
				@media(max-width:1024px){
					padding-top:100px;
				}
				@media(max-width:600px){
					padding-top:40px;
					padding-bottom:30px;
				}
				.vbot{
					text-align: center;
					margin-top:92px;
					transition:all 0.5s ease;
					@media(min-width:1024px){
						&:hover{
							transform:translateY(-10px);
						}
					}
					@media(max-width:1200px){
						margin-top:80px;
					}
					@media(max-width:1024px){
						margin-top:60px;
					}
					@media(max-width:600px){
						margin-top:10px;
						img{
							height: 50px;
						}
					}
				}
				.vtop{
					ul{
						width:110%;
						li{
							float: left;
							margin-right:7.5%;
							width:25.25%;
							padding:48px 20px;
							box-sizing:border-box;
							background:url(../img/bbg.png) no-repeat;
							background-size:100% 100%;
							text-align: center;
							position:relative;
							@media(min-width:1024px){
								transform:translateX(50px);
								@include opacity(0);
								transition:transform 0.6s ease-out,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);
								&.animate{
									transform:translateX(0px);
									@include opacity(1);
								}
							}
							.ico{
								position:absolute;
								top:-20px;
								width:100%;
								text-align: center;
								margin-left:-20px;
								img{
									padding:0 12px;
								}
							}
							.cont{
								.t{
									@include fz(28px,38px);
									color:#fff;
								}
								.en{
									@include fz(14px,26px);
									color:#fff;
									text-transform:uppercase;
									font-family:Arial;
								}
								.con{
									@include fz(16px,28px);
									color:#fff;
									margin-top:10px;
								}
							}
						}
					}
					@media(max-width:1200px){
						ul{
							li{
								margin-right:7.5%;
								padding:40px 10px;
								.ico{
									margin-left:-10px;
									img{
										height: 40px;
										width:auto;
									}
								}
								.cont{
									.t{
										@include fz(24px,34px);
									}
									.en{
										@include fz(13px,20px);
									}
									.con{
										@include fz(14px,24px);
										margin-top:10px;
									}
								}
							}
						}
					}
					@media(max-width:1024px){
						ul{
							width:100%;
							font-size:0;
							text-align: center;
							li{
								width:40%;
								float:none;
								display: inline-block;
								vertical-align: top;
								margin:30px 5%;
							}
						}
					}
					@media(max-width:700px){
						ul{
							width:100%;
							font-size:0;
							text-align: center;
							li{
								width:100%;
								float:none;
								display: inline-block;
								vertical-align: top;
								margin:30px 0%;
							}
						}
					}
				}
			}
		}
		.honor_box{
			padding-top:125px;
			padding-bottom:120px;
			@media(max-width:1200px){
				padding-top:120px;
				padding-bottom:110px;
			}
			@media(max-width:1024px){
				padding-top:80px;
				padding-bottom:70px;
			}
			@media(max-width:600px){
				padding-top:40px;
				padding-bottom:40px;
			}
			.title{
				text-align: center;
				@extend .top;
				.en{
					text-transform:uppercase;
					@include fz(60px,76px);
					color:$color;
					font-family: "ELEPHNT_1";
					@media(max-width:1460px){
						@include fz(42px,70px);
					}
					@media(max-width:1024px){
						@include fz(40px,60px);
					}
					@media(max-width:600px){
						@include fz(28px,44px);
					}
				}
				.cn{
					@include fz(28px,54px);
					color:#333;
					@media(max-width:1400px){
						@include fz(24px,50px);
					}
					@media(max-width:1024px){
						@include fz(24px,30px);
					}
				}
			}
			.classification{
				text-align: center;
				margin-top:55px;
				@extend .top;
				a{
					display: inline-block;
					vertical-align: top;
					width:180px;
					height:50px;
					border-radius:4px;
					background: #e1e1e1;
					@include fz(16px,50px);
					color:#666;
					text-align: center;
					margin:0 15px;
					transition:all 0.5s;
					&.cur{
						background:$color;
						color:#fff;
					}
					@media(min-width:1024px){
						&:hover{
							background:$color;
							color:#fff;
						}
					}
				}
				@media(max-width:1024px){
					margin-top:45px;
					a{
						width:160px;
						margin:0 10px;
					}
				}
				@media(max-width:820px){
					margin-top:35px;
					a{
						font-size:15px;
						width:120px;
						margin:10px;
						height: 44px;
						line-height:44px;
					}
				}
				@media(max-width:640px){
					margin-top:15px;
					a{
						font-size:14px;
						width:120px;
						margin:5px;
						height: 40px;
						line-height:40px;
					}
				}
			}
			.honor{
				margin-top:5px;
				ul{
					width:110%;
					@extend .top;
					li{
						float: left;
						width:21.2%;
						margin-right:1.89%;
						margin-top:3.3%;
						@media(min-width:1024px){
							&:hover{
								.tu{
									box-shadow: 0 5px 30px rgba(4,0,0,.1);
									img{
										transform:scale(1.1);
									}
								}
								.txt{
									color:$color;
								}
							}
						}
						.tu{
							border:1px solid #e1e1e1;
							text-align: center;
							overflow: hidden;
							transition:all 0.5s ease-in-out;
							img{
								vertical-align: top;
								max-width:100%;
								max-height:100%;
								transition:all 0.5s ease-in-out;
							}
						}
						.txt{
							@include fz(16px,30px);
							color:#333;
							text-align: center;
							margin-top:12px;
							transition:all 0.5s ease-in-out;
						}
					}
					@media(max-width:1024px){
						li{
							width:29.33%;
							margin-right:1.5%;
						}
					}
					@media(max-width:600px){
						width:100%;
						margin-top:10px;
						li:nth-child(even){
							float: right;
						}
						li{
							width:48%;
							float: left;
							margin-right:0;
						}
					}
				}
				.load{
					width:200px;
					height: 54px;
					background:$color;
					border-radius:5px;
					text-align: center;
					margin:74px auto 0 auto;
					cursor:pointer;
					.txt{
						@include fz(16px,54px);
						color:#fff;
						display: inline-block;
						vertical-align:middle;
						margin:0 6px;
					}
					.ico{
						width:18px;
						height: 18px;
						display: inline-block;
						vertical-align: middle;
						background:url(../img/jz.png) no-repeat;
						margin:0 6px;
					}
					@media(max-width:1200px){
						width:160px;
						margin:65px auto 0 auto;
					}
					@media(max-width:1024px){
						width:120px;
						height: 48px;
						margin:40px auto 0 auto;
						.txt{
							line-height:48px;
							font-size:14px;
							margin:0 3px;
						}
						.ico{
							margin:0 3px;
						}
					}
					@media(max-width:600px){
						width:100px;
						height: 40px;
						margin:30px auto 0 auto;
						.txt{
							line-height:40px;
							font-size:14px;
							margin:0 3px;
						}
						.ico{
							margin:0 3px;
							width:12px;
							height:12px;
							background-size:cover;
						}
					}
				}
			}
		}
		.join_box{
			padding-top:130px;
			padding-bottom:145px;
			@media(max-width:1200px){
				padding-top:120px;
				padding-bottom:130px;
			}
			@media(max-width:1024px){
				padding-top:80px;
				padding-bottom:90px;
			}
			@media(max-width:600px){
				padding-top:40px;
				padding-bottom:40px;
			}
			.title{
				text-align: center;
				@extend .top;
				.en{
					text-transform:uppercase;
					@include fz(60px,76px);
					color:$color;
					font-family: "ELEPHNT_1";
					@media(max-width:1460px){
						@include fz(42px,70px);
					}
					@media(max-width:1024px){
						@include fz(40px,60px);
					}
					@media(max-width:600px){
						@include fz(28px,44px);
					}
				}
				.cn{
					@include fz(28px,54px);
					color:#333;
					@media(max-width:1400px){
						@include fz(24px,50px);
					}
					@media(max-width:1024px){
						@include fz(24px,30px);
					}
				}
			}
			.jbox{
				margin-top:45px;
				@extend .top;
				.jbox_cen{
					padding:9.3% 20px;
					.tit{
						text-align: center;
						.cn{
							@include fz(36px,44px);
							color:#fff;
							font-weight:bold;
							span{
								color:$color;
							}
						}
						.en{
							@include fz(14px,22px);
							color:#fff;
							@include opacity(0.3);
							text-transform:uppercase;
							font-family: "AVANTGARDEITCBYBT-DEMI";
						}
					}
					.ico{
						text-align: center;
						margin-top:25px;
					}
					.con{
						@include fz(16px,30px);
						margin-top:15px;
						color:#fff;
						text-align: center;
					}
				}
				@media(max-width:1400px){
					.jbox_cen{
						.tit{
							.cn{
								@include fz(32px,44px);	
							}
						}
						.ico{
							margin-top:20px;
						}
						.con{
							@include fz(14px,28px);
						}
					}
				}
				@media(max-width:1024px){
					.jbox_cen{
						.tit{
							.cn{
								@include fz(28px,40px);	
							}
						}
						.ico{
							margin-top:20px;
							img{
								height: 30px;
							}
						}
						.con{
							@include fz(14px,28px);
						}
					}
				}
				@media(max-width:500px){
					margin-top:25px;
					.jbox_cen{
						.tit{
							.cn{
								@include fz(20px,30px);	
							}
							.en{
								font-size:13px;
							}
						}
						.ico{
							margin-top:15px;
						}
						.con{
							@include fz(14px,24px);
						}
					}
				}
			}
			.content{
				@extend .top;
				padding-top:100px;
				.join_tit{
					height: 68px;
					padding:0 65px;
					background: #1e1d1c;
					.t{
						float: left;
						width:24%;
						@include fz(20px,68px);
						color:#eee;
						text-align: center;

						&.t1{
							width:17%;
							text-align: left;
						}
						&.t5{
							width:11%;
						}
					}
				}
				.list{
					ul{
						li{
							margin-top:18px;
							background: #fafafa;
							transition:all 0.5s;
							&.on{
								box-shadow: 0 5px 10px rgba(4,0,0,.2);

								.tits{
									.t{
										&.t5{
											background:url(../img/jian.png) no-repeat center center;
										}
									}
								}
							}
							.tits{
								height: 68px;
								padding:0 65px;
								background: #fafafa;
								cursor:pointer;
								.t{
									float: left;
									width:24%;
									@include fz(16px,30px);
									color:#333;
									text-align: center;
									height: 60px;
									&.t1{
										width:17%;
										text-align: left;
									}
									&.t5{
										width:11%;
										background:url(../img/jia.png) no-repeat center center;
									}
									.tab{
										width:100%;
										height:100%;
										display:table;
										.tab_cell{
											display: table-cell;
											vertical-align: middle;
										}
									}
								}
							}
							.con{
								padding:0 65px 74px 65px;
								display: none;
								&.show{
									display: block;
								}
								.conn{
									
									.item{
										border-top:1px solid #e1e1e1;
										.ti{
											@include fz(16px,30px);
											color:$color;
											font-weight:bold;
											margin-top:30px;
										}
										.con_box{
											@include fz(14px,30px);
											color:#666;

										}
									}
									.item1{
										border-top:1px solid #e1e1e1;
										@include fz(16px,24px);
										color:#333;
										margin-top:30px;
										padding-top:20px;
										span{
											color:$color;
										}
									}
									
								}
								
							}
						}
					}
					.more{
						width:240px;
						cursor:pointer;
						height: 60px;
						background:$color;
						@include fz(18px,60px);
						color:#fff;
						font-weight:bold;
						text-align: center;
						margin:80px auto 0 auto;
					}
				}
				@media(max-width:1200px){
					padding-top:90px;
					.join_tit{
						padding:0 50px;
						height: 60px;
						.t{
							@include fz(18px,60px);
						}
					}
					.list{
						ul{
							li{
								margin-top:18px;
								background: #fafafa;
								transition:all 0.5s;
								.tits{
									height: 60px;
									padding:0 50px;
								}
								.con{
									padding:0 50px 60px 50px;
									.conn{				
										.item{
											.ti{
												@include fz(14px,28px);
												margin-top:30px;
											}
											.con_box{
												@include fz(14px,28px);
											}
										}
										.item1{
											@include fz(14px,24px);
											margin-top:30px;
											padding-top:20px;
										}
										
									}
									
								}
							}
						}
						.more{
							width:200px;
							height: 50px;
							@include fz(16px,50px);
							margin:60px auto 0 auto;
						}
					}
				}
				@media(max-width:850px){
					padding-top:50px;
					.join_tit{
						padding:0 30px;
						height: 50px;
						.t{
							@include fz(18px,50px);
						}
					}
					.list{
						ul{
							li{
								margin-top:15px;
								.tits{
									height: 50px;
									padding:0 30px;
									.t{
										@include fz(14px,24px);
										height: 50px;
									}
								}
								.con{
									padding:0 30px 30px 30px;
									.conn{				
										.item{
											.ti{
												@include fz(14px,28px);
												margin-top:20px;
											}
											.con_box{
												@include fz(14px,28px);
											}
										}
										.item1{
											@include fz(14px,24px);
											margin-top:30px;
											padding-top:20px;
										}
										
									}
									
								}
							}
						}
						.more{
							width:150px;
							height: 44px;
							@include fz(16px,44px);
							margin:40px auto 0 auto;
						}
					}
				}
				@media(max-width:650px){
					padding-top:30px;
					.join_tit{
						padding:0 10px;
						height: 40px;
						.t{
							width:25%;
							@include fz(15px,40px);
							&.t5{
								display: none;
							}
							&.t1{
								width:25%;
							}
						}
					}
					.list{
						ul{
							li{
								margin-top:15px;
								.tits{
									height: 40px;
									padding:0 15px;
									.t{
										@include fz(14px,20px);
										height: 40px;
										width:25%;
										&.t1{
											width:25%;
										}
										&.t5{
											display: none;
										}
									}
								}
								.con{
									padding:0 15px 15px 15px;
									.conn{				
										.item{
											.ti{
												@include fz(14px,24px);
												margin-top:15px;
											}
											.con_box{
												@include fz(14px,24px);
											}
										}
										.item1{
											@include fz(14px,24px);
											margin-top:15px;
											padding-top:15px;
										}
										
									}
									
								}
							}
						}
						.more{
							width:100px;
							height: 40px;
							@include fz(15px,40px);
							margin:30px auto 0 auto;
						}
					}
				}
			}
		}
		#map{
			width:100%;
			height: 670px;
			.anchorBL{
				display: none;
			}
			@media(max-width:1200px){
				height: 550px;
			}
			@media(max-width:1024px){
				height: 450px;
			}
			@media(max-width:600px){
				height: 300px;
			}
		}
		.contact_box{
			background: #fafafa;
			.contact_cen{
				padding-top:125px;
				padding-bottom:115px;
				@media(max-width:1200px){
					padding-top:120px;
					padding-bottom:110px;
				}
				@media(max-width:1024px){
					padding-top:80px;
					padding-bottom:70px;
				}
				@media(max-width:600px){
					padding-top:40px;
					padding-bottom:40px;
				}
				.title{
					text-align: center;
					@extend .top;
					.en{
						text-transform:uppercase;
						@include fz(60px,76px);
						color:$color;
						font-family: "ELEPHNT_1";
						@media(max-width:1460px){
							@include fz(42px,70px);
						}
						@media(max-width:1024px){
							@include fz(40px,60px);
						}
						@media(max-width:600px){
							@include fz(28px,44px);
						}
					}
					.cn{
						@include fz(28px,54px);
						color:#333;
						@media(max-width:1400px){
							@include fz(24px,50px);
						}
						@media(max-width:1024px){
							@include fz(24px,30px);
						}
					}
				}
				.contact_msg{
					background: #fff;
					margin-top:43px;
					@extend .top;
					box-shadow: 0 5px 25px rgba(193,193,193,.25);
					@media(max-width:600px){
						margin-top:30px;
					}
					.contact_r{
						width:50%;
						padding:6.9% 8.3% 0 6.9%;
						box-sizing:border-box;
						float: left;
						.ti{
							.line{
								width:30px;
								height:6px;
								background:$color;
							}
							.txt{
								@include fz(28px,50px);
								color:#333;
								margin-top:16px;
							}
						}
						.form{
							margin-top:6px;
							.text{
								display: block;
								width:100%;
								height:50px;
								border:1px solid #e1e1e1;
								box-sizing:border-box;
								@include fz(16px,48px);
								color:#666;
								padding:0 15px;
								margin-top:18px;
							}
							textarea{
								display: block;
								width:100%;
								height:160px;
								border:1px solid #e1e1e1;
								box-sizing:border-box;
								@include fz(16px,30px);
								color:#666;
								padding:15px 15px 0 15px;
								resize:none;
								margin-top:18px;
							}
							.submit{
								width:240px;
								height:50px;
								background: #1e1d1c;
								@include fz(16px,50px);
								color:#fff;
								font-weight:bold;
								text-align: center;
								border:none;
								margin-top:42px;
							}
						}
						@media(max-width:1300px){
							padding:6.9% 5% 10% 5%;
							.ti{
								.txt{
									@include fz(24px,40px);
									margin-top:10px;
								}
							}
							.form{
								.text{
									height: 44px;
									line-height:42px;
									font-size:14px;
									margin-top:10px;
								}
								textarea{
									font-size:14px;
									height: 140px;
									margin-top:10px;
									padding:5px 15px 0 15px;
								}
								.submit{
									width:160px;
									@include fz(14px,40px);
									margin-top:30px;
									height: 40px;
								}
							}
						}
						@media(max-width:1024px){
							width:100%;
							float:none;
							padding:35px 3%;
							.ti{
								.txt{
									@include fz(20px,36px);
									margin-top:5px;
								}
							}
							.form{
								.text{
									height: 44px;
									line-height:42px;
									font-size:14px;
									margin-top:10px;
								}
								textarea{
									font-size:14px;
									height: 140px;
									margin-top:10px;
									padding:5px 15px 0 15px;
								}
								.submit{
									width:160px;
									@include fz(14px,40px);
									margin-top:20px;
									height: 40px;
								}
							}
						}
						@media(max-width:600px){
							padding:35px 20px;

							.ti{
								.line{
									height: 3px;
								}
								.txt{
									@include fz(18px,30px);
									margin-top:5px;
								}
							}
							.form{
								.text{
									height: 40px;
									line-height:38px;
								}
								textarea{
									height: 110px;
								}
								.submit{
									width:120px;
									@include fz(14px,40px);
									margin-top:20px;
									height: 40px;
								}
							}
						}
					}
					.contact_l{
						width:50%;
						float: left;
						background:$color;
						padding:6.9% 8.3% 10% 6.9%;
						box-sizing:border-box;
						.ti{
							.line{
								width:30px;
								height:6px;
								background: #fff;
							}
							.txt{
								@include fz(28px,50px);
								color:#fff;
								margin-top:16px;
							}
						}
						.address_box{
							margin-top:45px;
							font-size:0;
							a:first-child{
								padding-left: 0;
							}
							a:last-child{
								&::after{
									background:none;
								}
							}
							a{
								@include fz(18px,18px);
								color:#ffd590;
								padding:0 20px;
								box-sizing:border-box;
								position:relative;
								&.cur{
									color:#fff;
								}
								&::after{
									content:'';
									margin-top:-8px;
									width:1px;
									height:16px;
									background: #ffd590;
									position:absolute;
									right:0;
									top:50%;
									display: block;

								}
							}
						}
						.show_box{
							.msg{
								@include fz(16px,30px);
								color:#fff;
								margin-top:18px;
								display: none;
								&.show{
									display: block;
								}
								div{
									padding-left:35px;
									&.email{
										background:url(../img/email.png) no-repeat left center;
									}
									&.tel{
										background:url(../img/tel2.png) no-repeat left center;
									}
									&.address{
										background:url(../img/address.png) no-repeat left center;
									}
								}
								
							}
						}
						.code_box{
							position:relative;
							margin-top:60px;
							.code_l{
								position:absolute;
								left:0;
								top:0;
								width:132px;
								.tu{
									width:132px;
									height:132px;
									overflow: hidden;
									img{
										width:100%;
										height:auto;
									}
								}
								.txt{
									@include fz(14px,20px);
									color:#fff;
									margin-top:5px;
									text-align: center;
								}
							}
							.code_r{
								width:100%;
								padding-left:210px;
								box-sizing:border-box;
								padding-top:17px;
								.t{
									@include fz(18px,28px);
									color:#fff;
									font-weight:bold;
								}
								.tel{
									@include fz(16px,28px);
									color:#fff;
									margin-top:17px;
								}
							}
						}
						@media(max-width:1300px){
							padding:6.9% 5% 10% 5%;
							.ti{
								.txt{
									@include fz(24px,40px);
									margin-top:10px;
								}
							}
							.code_box{
								.code_r{
									padding-left:170px;
								}
							}
						}
						@media(max-width:1024px){
							width:100%;
							float:none;
							padding:35px 3%;
							.ti{
								.txt{
									@include fz(20px,36px);
									margin-top:5px;
								}
							}
							.address_box{
								margin-top:30px;
								a{
									padding:0 15px;
									font-size:16px;
								}
							}
							.show_box{
								.msg{
									font-size:14px;
									line-height:28px;
								}
							}
							.code_box{
								margin-top:40px;
								height: 134px;
								.code_l{

									width: 110px;
									.tu{
										width:110px;
										height: 110px;
									}
									.txt{
										font-size:13px;
									}
								}
								.code_r{
									padding-left:150px;
									.t{
										font-size:16px;
										line-height:24px;
									}
									.tel{
										@include fz(14px,24px);
										margin-top:10px;
									}
								}
							}
						}
						@media(max-width:600px){
							padding:35px 20px;

							.ti{
								.line{
									height: 3px;
								}
								.txt{
									@include fz(18px,30px);
									margin-top:5px;
								}
							}
							.address_box{
								margin-top:20px;
								a{
									padding:0 10px;
									font-size:16px;
								}
							}
							.show_box{
								.msg{
									font-size:14px;
									line-height:24px;
									div{
										margin-top:5px;
									}
								}
							}
							.code_box{
								margin-top:25px;
								height: 134px;
								.code_l{

									width: 100px;
									.tu{
										width:100px;
										height: 100px;
									}
									.txt{
										font-size:12px;
									}
								}
								.code_r{
									padding-left:120px;
									.t{
										font-size:15px;
										line-height:20px;
									}
									.tel{
										@include fz(13px,20px);
										margin-top:10px;
									}
								}
							}
						}
					}
				}
			}
		}
	}
	&.business{
		.business_main{
			padding-top:140px;
			padding-bottom:115px;
			.business_box{
				padding:55px 0;
				position:relative;
				@extend .top;
				&:nth-child(even){
					background: #10101c;
					padding:170px 0;
					.business_box_cen{
						.business_l{
							float: right;
						}
						.business_r{
							float:left;
							.title{
								width:87%;
								float: right;	
								.en{
									color:#46310e;
								}
							}
							.cont{
								.ico{
									right:auto;
									left:0;
								}
								.con{
									color:#999;
									float: right;	
								}
							}
							.obox{
								left:auto;
								right:0;
							}
						}
					}
				}
				.bg{
					position:absolute;
					width:100%;
					height:100%;
					top:0;
					left:0;
					background:url(../img/1.png) no-repeat center center;
					background-size:cover;
				}
				.business_box_cen{
					.business_l{
						width:50%;
						display: block;	
						float:left;
						position:relative;
						.letter{
							font-family: "ELEPHNT_1";
							@include fz(100px,83px);
							color:$color;
							position:absolute;
							left:15px;
							top:-50px;
							text-transform:uppercase;
							z-index:10;
						}
						.tu{
							overflow: hidden;
							@media(min-width:1024px){
								&:hover{
									img{
										transform:scale(1.1);
									}
								}
							}
							img{
								width:100%;
								transition:all 0.5s ease-in-out;
								height: auto;
							}
						}
						.more{
							width:280px;
							height:64px;
							background:$color;
							position:absolute;
							left:8.6%;
							bottom:-32px;
							text-align: center;	
							
							overflow: hidden;
							.more2{
								background:$color;
								position:absolute;
								transition:all 0.5s;
								left:0;
								top:0;
								width:100%;
								.txt{
									font-family:"Microsoft Yahei" !important;
								}
    							// transform:translateZ(30px);
							}
							.more1{
								transition:all 0.5s;
								background:$color;
								position:absolute;
								left:0;
								top:100%;
								width:100%;
							}
							@media(min-width:1024px){
								&:hover{
									.more1,.more2{
										transform:translateY(-100%);
									}
									
								}
							}
							.txt{
								display: inline-block;	
								vertical-align: middle;	
								@include fz(18px,64px);
								color:#fff;
								font-family: "AVANTGARDEITCBYBT-DEMI";
								text-transform:uppercase;
								margin:0 4px;
							}
							.ico{
								display: inline-block;
								vertical-align: middle;	
								width:7px;
								height:12px;
								margin:0 4px;
								background:url(../img/yico.png) no-repeat;
							}
						}
					}
					.business_r{
						width:44.6%;
						float: right;	
						position:relative;
						.title{
							padding-top:40px;
							.cn{
								@include fz(30px,36px);
								color:$color;
								font-weight:bold;
							}
							.en{
								@include fz(14px,24px);
								color:#f5cb86;
								text-transform:uppercase;
								font-family: "AVANTGARDEITCBYBT-DEMI";
							}
						}
						.cont{
							position:relative;
							padding-top:45px;
							overflow: hidden;
							width:100%;	
							.ico{
								position:absolute;
								right:0;
								top:-6%;
								width:18.7%;
								img{
									width:100%;
									height: auto;
								}
							}
							.con{
								width:87%;
								@include fz(16px,30px);
								color:#666;
								height: 60px;	
								overflow: hidden;
							}
						}
						.obox{
							width:87%;
							position:absolute;
							bottom:0;
							left:0;

							overflow: hidden;
							.owl-controls{
								margin-top:0;
								.owl-prev{
									display: block !important;
									text-indent:1000px;
									width:34px;
									height:64px;
									background:url(../img/ll.png) no-repeat center center rgba(0,0,0,0.5);
									border-radius:0;
									position:absolute;
									left:0;
									top:50%;
									margin:-32px 0 0 0;
									padding:0;
									transition:all 0.5s;
									@media(min-width:1024px){
										&:hover{
											background:url(../img/ll.png) no-repeat center center $color;
										}
									}
								}
								.owl-next{
									display: block !important;
									text-indent:1000px;
									width:34px;
									height:64px;
									background:url(../img/rr.png) no-repeat center center rgba(0,0,0,0.5);
									border-radius:0;
									position:absolute;
									right:0;
									top:50%;
									margin:-32px 0 0 0;
									padding:0;
									transition:all 0.5s;
									@media(min-width:1024px){
										&:hover{
											background:url(../img/rr.png) no-repeat center center $color;
										}
									}
								}
							}
							.owl-dots{
								display: none !important;
							}
							.item{
								overflow: hidden;
								@media(min-width:1024px){
									&:hover{
										img{
											transform:scale(1.1);
										}
									}
								}
								img{
									width:100%;
									height: auto;
									transition:all 0.5s ease-in-out;
									display: block;	
								}
							}
						}
					}
				}
			}
			@media(max-width:1200px){
				padding-top:120px;
				padding-bottom:100px;
				.business_box{
					padding:45px 0;
					&:nth-child(even){
						padding:140px 0;
					}
					.business_box_cen{
						.business_l{
							.letter{
								font-family: "ELEPHNT_1";
								@include fz(90px,73px);
								top:-40px;
							}
							.more{
								width:200px;
								height:60px;
								bottom:-30px;
								.txt{
									@include fz(16px,60px);
								}
	
							}
						}
						.business_r{
							width:44.6%;
							.title{
								padding-top:20px;
								.cn{
									@include fz(26px,30px);
								}
							}
							.cont{
								padding-top:25px;
								.con{
									@include fz(14px,26px);
									height: 52px;	
								}
							}
						}
					}
				}
			}
			@media(max-width:1024px){
				padding-top:80px;
				padding-bottom:70px;
				.business_box{
					padding:45px 0;
					&:nth-child(even){
						padding:180px 0;
					}
					.business_box_cen{
						.business_l{
							width:100%;
							float:none !important;
							.letter{
								font-family: "ELEPHNT_1";
								@include fz(70px,53px);
								top:-30px;
							}
							.more{
								width:200px;
								height:50px;
								bottom:-25px;
								.txt{
									@include fz(16px,50px);
								}
	
							}
						}
						.business_r{
							width:100%;
							margin-top:30px;
							height: auto !important;
							float:none !important;
							.title{
								padding-top:20px;
								float:none !important;
								.cn{
									@include fz(24px,30px);
								}
							}
							.cont{
								padding-top:25px;
								.con{
									@include fz(14px,24px);
									height: 48px;
									float:none !important;	
								}
								.ico{
									display: none;
								}
							}
							.obox{
								position:relative;
								margin-top:30px;
							}
						}
					}
				}
			}
			@media(max-width:600px){
				padding-top:40px;
				padding-bottom:40px;
				.business_box{
					padding:15px 0;
					&:nth-child(even){
						padding:110px 0;
					}
					.business_box_cen{
						.business_l{
							width:100%;
							float:none !important;
							.letter{
								font-family: "ELEPHNT_1";
								@include fz(40px,30px);
								top:-20px;
							}
							.more{
								width:140px;
								height:40px;
								bottom:-20px;
								.txt{
									@include fz(14px,40px);
								}
	
							}
						}
						.business_r{
							width:100%;
							margin-top:20px;
							height: auto !important;
							float:none !important;
							.title{
								padding-top:20px;
								float:none !important;
								.cn{
									@include fz(20px,30px);
								}
								.en{
									@include fz(13px,18px);
								}
							}
							.cont{
								padding-top:15px;
								.con{
									width:100%;
								}
							}
							.obox{
								position:relative;
								margin-top:20px;
								width: 100%;	
							}
						}
					}
				}
			}
		}
		.business_detail{
			.business_cen{
				padding-bottom: 142px;
				@extend .top;
				padding-top:35px;
				.location{
					@include fz(14px,24px);
					color:#666;
					padding-left: 30px;
					background:url(../img/wz.png) no-repeat left center;
					a{
						color:#666;
						transition:all 0.3s;
						@media(min-width:1024px){
							&:hover{
								color:$color;
							}
						}
					}
					span{
						color:$color;
					}
				}
				.content{
					padding-top:120px;
					.tit{
						text-align: center;	
						.t{
							@include fz(40px,50px);
							color:$color;
							font-weight:bold;
						}
						.en{
							@include fz(16px,24px);
							color:#ccc;
							text-transform:uppercase;
							font-family: "AVANTGARDEITCBYBT-DEMI";
						}
					}
					.list_box{
						margin-top:40px;
						ul{
							text-align: center;	
							li{
								display: inline-block;
								vertical-align: top;
								border-radius: 60px;
								background: #fff;
								height: 60px;	
								min-width:300px;
								margin:15px;
								box-shadow: 0 0px 10px rgba(4,0,0,.1);
								transition:all 0.5s;
								padding:0 10px;
								&.active{
									border-radius: 29px;
									box-shadow: 0 0px 18px rgba(4,0,0,.2);

									background:$color;
									a{
										.num{
											color:$color;
											background: #fff;
										}
										.txt{
											color:#fff;
										}
									}
								}
								@media(min-width:1024px){
									&:hover{
										background:$color;
										box-shadow: 0 0px 18px rgba(4,0,0,.2);

										a{
											.num{
												color:$color;
												background: #fff;
											}
											.txt{
												color:#fff;
											}
										}
									}
								}
								a{
									border-radius: 30px;
									font-size: 0;
									text-align: left;	
									display: block;
									.num{
										width:46px;
										height:46px;
										border-radius:50%;
										background: #ccc;
										transition:all 0.5s;
										display: inline-block;	
										margin-top:7px;
										vertical-align: top;
										@include fz(24px,46px);
										color:#fff;
										text-align: center;	
										font-family: "AVANTGARDEITCBYBT-DEMI";
									}
									.txt{
										transition:all 0.5s;
										display: inline-block;	
										@include fz(18px,60px);
										color:#333;
										vertical-align: top;
										margin-left:15px;
										@extend .ellipsis;
									}
								}
							}
						}
					}
					.dbox{
						position:relative;
						margin-top: 115px;
						.flexslider{
							width:61.1%;
							.flex-control-nav{
								li{
									margin:0 10px;
	
									a{
										width:14px;
										height: 14px;	
										background: #dfd0cd;
										&.flex-active{
											background: #fff;
										}
										@media(max-width:1024px){
											width:10px;
											height: 10px;	
										}
									}
								}
							}
							.slides{
								li{
									img{
										width:100%;
										height: auto;
									}
								}
							}
						}
						.cont{
							width:38.9%;
							position:absolute;
							right:0;
							height: 122%;
							top:50%;
							background: $color;
							box-shadow: 0 5px 29px rgba(4,0,0,.3);
							margin-top:-24%;
							.t{
								padding-top:20%;
								span{
									position:relative;
									z-index:10;
									display: inline-block;	
									@include fz(30px,40px);
									color:#fff;
									margin-left:-60px;
									font-weight:bold;
									padding-bottom:5px;
									border-bottom:4px solid #fff;
								}
							}
							.tit{
								display: inline-block;
								background: #e48e00;
								@include fz(24px,40px);
								color:#fff;
								font-weight:bold;
								padding:5px 25px;
								margin-top:10%;
								span{
									@include fz(14px,16px);
									color:#fff;
									font-family: Arial;
									display: inline-block;
									vertical-align: -1px;	
									margin-left:5px;
									font-weight:normal;
								}
							}
							.con{
								padding:0 50px;
								margin-top:27px;
								.ti{
									@include fz(16px,30px);
									color:#fff;
									margin-bottom: 5px;
									font-weight:bold;
								}
								p{
									@include fz(16px,30px);
									color:#ffdb9f;

								}
							}
						}
					}
					.page{
						margin-top:160px;
						position:relative;
						.line{
							width:80%;
							height: 1px;	
							background:url(../img/lll.png) no-repeat;
							background-size:100% 1px;
							position:absolute;
							right:0;
							top:50%;
						}
						.page_l{
							position:relative;
							z-index:10;
							float: left;
							a{
								width:180px;
								height: 50px;	
								background: #1e1d1c;
								display: block;	
								float:left;
								margin-right:30px;
								text-align: center;	
								transition:all 0.5s;
								@media(min-width:1024px){
									&:hover{
										background:$color;
									}
								}
								.ico{
									margin:0 3px;
									display: inline-block;	
									vertical-align: middle;	
								}
								.txt{
									@include fz(16px,50px);
									color:#fff;
									display: inline-block;
									vertical-align: middle;	
									margin:0 3px;

								}
							}
						}
						.return{
							display: block;
							width:200px;
							height: 50px;	
							position:relative;
							z-index:10;
							background: #1e1d1c;
							transition:all 0.5s;
							@include fz(16px,50px);
							color:#fff;
							text-align: center;	
							float: right;	
							@media(min-width:1024px){
								&:hover{
									background:$color;
								}
							}
						}
					}
				}
				@media(max-width:1400px){
					.content{
						padding-top: 100px;
						.tit{
							.t{
								@include fz(36px,46px);
							}
							.en{
								font-size: 14px;
							}
						}
						.list_box{
							margin-top:30px;
							ul{
								li{
									min-width:300px;
									a{
										.num{
											@include fz(20px,46px);
										}
										.txt{
											@include fz(16px,60px);
											margin-left:10px;
										}
									}
								}
							}
						}
						.dbox{
							margin-top: 115px;
							.cont{
								margin-top:-24%;
								.t{
									padding-top:15%;
									span{
										@include fz(26px,36px);
										margin-left:-50px;
									}
								}
								.tit{
									@include fz(20px,36px);
									padding:5px 15px;
									margin-top:6%;
								}
								.con{
									padding:0 30px;
									margin-top:20px;
									.ti{
										@include fz(14px,28px);
									}
									p{
										@include fz(14px,28px);

									}
								}
							}
						}
					}
				}
				@media(max-width:1200px){
					padding-bottom:120px;
					.content{
						padding-top: 100px;
						.list_box{

							ul{
								li{
									min-width:0px;
									width: auto;
									height: 50px;
									a{
										height: 50px;	
										.num{
											margin-top:5px;
											@include fz(20px,40px);
											height: 40px;
											width:40px;
										}
										.txt{
											@include fz(16px,50px);
											margin-left:10px;
										}
									}
								}
							}
						}
						.dbox{
							margin-top: 115px;
							.cont{
								margin-top:-24%;
								.t{
									padding-top:15%;
									span{
										@include fz(26px,36px);
										margin-left:-50px;
									}
								}
								.tit{
									@include fz(20px,36px);
									padding:5px 15px;
									margin-top:6%;
								}
								.con{
									padding:0 30px;
									margin-top:20px;
									.ti{
										@include fz(14px,24px);
									}
									p{
										@include fz(14px,24px);

									}
								}
							}
						}
						.page{
							margin-top:140px;
							.page_l{
								a{
									width:140px;
									height: 44px;	
									.txt{
										@include fz(16px,44px);
									}
								}
							}
							.return{
								width:160px;
								height: 44px;	
								@include fz(16px,44px);
							}
						}
					}
				}
				@media(max-width:1024px){
					padding-bottom:80px;
					.location{
						display: none;	
					}

					.content{
						padding-top: 50px;
						.tit{
							text-align: center;	
							.t{
								@include fz(28px,36px);
							}
							.en{
								@include fz(14px,24px);
							}
						}
						.list_box{
							ul{
								li{
									margin:8px;
								}
							}
						}

						.dbox{
							margin-top:50px;
							.flexslider{
								width:100%;
								float:none;
							}
							.cont{
								position:static;
								width:100%;
								margin-top: 0;
								height: auto;
								padding:30px 15px;
								box-sizing:border-box;
								.t{
									padding-top:0;
									span{
										@include fz(20px,30px);
										margin-left:0px;
									}
								}
								.tit{
									@include fz(18px,30px);
									padding:5px 10px;
									margin-top:20px;
								}
								.con{
									padding:0;
									margin-top:20px;
									.ti{
										@include fz(16px,28px);
									}
									p{
										@include fz(14px,24px);

									}
								}
							}
						}
						.page{
							margin-top:100px;
							.page_l{
								a{
									width:140px;
									height: 44px;	
									.txt{
										@include fz(16px,44px);
									}
								}
							}
							.return{
								width:160px;
								height: 44px;	
								@include fz(16px,44px);
							}
						}
					}
				}
				@media(max-width:600px){
					padding-bottom:40px;
					.content{
						padding-top:5px;
						.tit{
							.t{
								@include fz(24px,30px);
							}
						}
						.list_box{
							ul{
								li{
									margin:5px 0;
									width:100%;
									box-sizing:border-box;
									padding:0;
									a{
										display: block;
										height:100%;
										position:relative;
										.num{
											position:absolute;
											top:50%;
											margin-top:-20px;
											left:10px;
										}
										.txt{
											width:100%;
											padding-left:55px;
											padding-right:10px;
											box-sizing:border-box;

										}
									}
								}
							}
						}

						.dbox{
							margin-top:25px;
						}
						.page{
							margin-top:30px;
							.page_l{
								a{
									width:80px;
									height: 36px;
									margin-right: 10px;	
									.txt{
										@include fz(14px,36px);
									}
								}
							}
							.return{
								width:90px;
								height: 36px;	
								@include fz(14px,36px);
							}
						}
					}
				}
			}
		}
	}
	&.news{
		.news_box{
			padding-top:132px;
			padding-bottom:140px;
			@media(max-width:1200px){
				padding-top:120px;
				padding-bottom:120px;
			}
			@media(max-width:1024px){
				padding-top:80px;
				padding-bottom:80px;
			}
			@media(max-width:600px){
				padding-top:40px;
				padding-bottom:40px;
			}
			.title{
				text-align: center;
				@extend .top;
				.en{
					text-transform:uppercase;
					@include fz(60px,76px);
					color:$color;
					font-family: "ELEPHNT_1";
					@media(max-width:1460px){
						@include fz(42px,70px);
					}
					@media(max-width:1024px){
						@include fz(40px,60px);
					}
					@media(max-width:600px){
						@include fz(28px,44px);
					}
				}
				.cn{
					@include fz(28px,54px);
					color:#333;
					@media(max-width:1400px){
						@include fz(24px,50px);
					}
					@media(max-width:1024px){
						@include fz(24px,30px);
					}
				}
			}
			.news_main{
				ul{
					width:110%;
					li{
						float: left;
						width:29%;
						@extend .top;
						margin-right:1.89%;
						border: 1px solid rgba(225,225,225,.3);
						background-color: #fff;
						box-shadow: 0 5px 24px rgba(176,176,176,.15);
						margin-top:3.5%;
						padding:0 30px;
						box-sizing:border-box;
						@media(min-width:1024px){
							&:hover{
								a{
									.tu{
										img{
											transform:scale(1.1);
										}
									}
									.cont{
										.t{
											color:$color;
										}
									}
								}
							}
						}
						a{
							display: block;
							.tu{
								margin-top:30px;
								overflow: hidden;
								img{
									width:100%;
									transition:all 0.5s ease-in-out;
									height: auto;
								}
							}
							.cont{
								padding-top:30px;
								.t{
									@include fz(20px,30px);
									transition:all 0.5s ease-in-out;
									color:#333;
									@extend .ellipsis;
								}
								.con{
									@include fz(14px,24px);
									color:#999;
									margin-top:14px;
									overflow: hidden;
									height: 48px;
								}
								.date{
									border-top:1px solid #eee;
									margin-top:47px;
									overflow: hidden;
									.year{
										float: left;
										@include fz(14px,66px);
										color:#999;
									}
									.read{
										float: right;
										@include fz(14px,66px);
										color:#999;
										padding-right:45px;
										background:url(../img/right2.png) no-repeat right center;
									}
								}
							}
						}
					}
				}

				@media(max-width:1300px){
					ul{
						li{
							padding:0 15px;
							a{
								.tu{
									margin-top:15px;
								}
								.cont{
									padding-top:15px;
									.date{
										margin-top:30px;
										.year,.read{
											line-height:50px;
										}
									}
								}
							}
						}
					}
				}
				@media(max-width:850px){
					ul{
						width:100%;
						li:nth-child(even){
							float: right;
						}
						li{
							width:48%;
							padding:0 15px;
							a{
								.tu{
									margin-top:15px;
								}
								.cont{
									padding-top:15px;
									.t{
										@include fz(18px,24px);
									}
									.date{
										margin-top:20px;
										.year,.read{
											line-height:50px;
										}
									}
								}
							}
						}
					}
				}
				@media(max-width:600px){
					ul{
						width:100%;
						margin-top:20px;
						li:nth-child(even){
							float: none;
						}
						li{
							width:100%;
							padding:0 15px;
							float:none;
							a{
								.tu{
									margin-top:15px;
								}
								.cont{
									padding-top:15px;
									.t{
										@include fz(18px,24px);
									}
									.date{
										margin-top:20px;
										.year,.read{
											line-height:50px;
										}
									}
								}
							}
						}
					}
				}
			}
		}
		.detail{
			padding-top:65px;
			padding-bottom:100px;
			@extend .top;
			transition:all 0.5s;
			
			.title2{
				position:relative;
				padding-bottom:16px;
				border-bottom:1px solid #ededed;
				.tit{
					.t{
						@include fz(24px,44px);
						color:#333;
					}
					.t2{
						@include fz(20px,36px);
						color:$color;
					}
					.msg{
						overflow:hidden;
					}
					.day{
						@include fz(14px,20px);
						color:#696969;
						float:left;
						margin-top:6px;
						background:url(../img/ttt.png) no-repeat left center;
						padding-left:28px;
					}
					.source,.read{
						float:left;
						@include fz(14px,20px);
						color:#696969;
						margin-top:6px;
						margin-left:5px;
					}
				}
			}
			.content{
				padding-top:7px;
				@include fz(15px,26px);
				border-bottom:1px solid #ededed;
				padding-bottom:45px;
				color:#565656;
				video{
					max-width:100%;
				}
				img{
					max-width:100%;
					height: auto !important;
				}
				p{
					text-indent:2em;
					padding-top:20px;
				}
			}
			.page{
				margin-top:42px;
				position:relative;
				.left2{
					width:100%;
					box-sizing:border-box;
					padding-right:210px;
					p{
						@extend .ellipsis;
						a{
							
							display:inline-block;
							width:auto;
							@include fz(16px,28px);
							color:#666;
							@media(min-width:1024px){
								&:hover{
									color:#000;
								}
							}
						}
					} 
				}
				.return{
					position:absolute;
					right:0;
					top:0;
					width:200px;
					height:58px;
					display: block;
					border-radius:58px;
					background:#000;
					font-size:16px;
					line-height:58px;
					color:#fff;
					text-align: center;
				}
			}
			@media(max-width:1420px){
				padding-top:55px;
				padding-bottom:80px;
				.title2{
					.tit{
						.t{
							@include fz(20px,30px);
						}
						.t2{
							@include fz(16px,30px);
						}
						.day{
							font-size:13px;
						}
					} 
				}
				.content{
					@include fz(14px,24px);
					padding-bottom:30px;
				}
				.page{
					margin-top:30px;
					.left2{
						a{
							font-size:14px;
							line-height:24px;
						}
					}
					.return{
						width:160px;
						height:50px;
						font-size:14px;
						line-height:50px; 
					}
				}
			}
			@media(max-width:1024px){
				padding-top:40px;
				padding-bottom:60px;
				.title2{
					.tit{
						.t{
							@include fz(16px,24px);
						}
						.t2{
							@include fz(15px,30px);
						}
						.day{
							font-size:13px;
							background-size:14px 14px;
							padding-left:20px;
						}
					} 
				}
				.content{
					@include fz(14px,24px);
					padding-bottom:25px;
				}
				.page{
					margin-top:25px;
					.left2{
						padding-right:160px;
						a{
							font-size:14px;
							line-height:24px;
						}
					}
					.return{
						width:140px;
						height:40px;
						font-size:14px;
						line-height:40px; 
					}
				}
			}
			@media(max-width:650px){
				padding-bottom:40px;
				padding-top:30px;
				.title2{
					.tit{
						padding-right:0;
					}
					.share{
						position:static;
					}
				}
				.content{
					@include fz(14px,24px);
					padding-bottom:25px;
					p{
						padding-top:15px;
					}
				}
				.page{
					margin-top:25px;
					.left2{
						padding-right:110px;
						a{
							font-size:14px;
							line-height:24px;
						}
					}
					.return{
						width:100px;
						height:36px;
						font-size:14px;
						line-height:36px; 
						top:6px;
					}
				}
			}
		}
		.laboratory_box{
			margin-top:60px;
			.laboratory{
				ul{
					li{
						padding:50px 0;
						@extend .top;
						&:nth-child(odd){
							background: #fafafa;
						}
						.center{
							position:relative;
							@media(min-width:1024px){
								&:hover{
									.tu{
										img{
											transform:scale(1.1);
										}
									}
									.cont{
										.t{
											color:$color;
										}
									}
								}
							}
							.tu{
								position:absolute;
								left:0;
								top:0;
								display: block;
								overflow: hidden;
								width:420px;
								height:280px;
								img{
									transition:all 0.5s ease-in-out;
									width:100%;
									height: auto;
								}
							}
							.cont{
								width:100%;
								padding-left:480px;
								box-sizing:border-box;
								padding-top:28px;
								.t{
									@include fz(24px,40px);
									color:#333;
									transition:all 0.5s ease-in-out;
									@extend .ellipsis;
									display: block;
								}
								.year{
									@include fz(16px,22px);
									color:#999;
									margin-top:10px;
								}
								.con{
									display: block;
									@include fz(16px,30px);
									color:#666;
									height: 60px;
									overflow: hidden;
									margin-top:12px;
								}
								.more{
									margin-top:48px;
									.tag{
										float: left;
										@include fz(16px,44px);
										color:$color;
										padding-left:30px;
										background:url(../img/tags.png) no-repeat left center;
									}
									.db{
										float: right;
										width:174px;
										height:44px;
										background:$color;
										text-align: center;
										font-size:0;
										.txt{
											@include fz(14px,44px);
											display: inline-block;
											vertical-align: middle;
											color:#fefefe;
											margin:0 3px;
										}
										.ico{
											display: inline-block;
											vertical-align: middle;
											margin:0 3px;
										}
									}
								}
							}
						}
					}
				}
			}
			@media(max-width:1200px){
				.laboratory{
					ul{
						li{
							padding:40px 0;
							.center{
								.tu{
									width:360px;
									height:240px;
								}
								.cont{
									padding-left:400px;
									padding-top:20px;
									.t{
										@include fz(20px,36px);
									}
									.year{
										@include fz(14px,20px);
									}
									.con{
										@include fz(14px,28px);
										height: 56px;
									}
									.more{
										margin-top:30px;
										.db{
											width:150px;
											height:44px;
										}
									}
								}
							}
						}
					}
				}
			}
			@media(max-width:1024px){
				margin-top:40px;
				.laboratory{
					ul{
						li{
							padding:30px 0;
							.center{
								.tu{
									width:300px;
									height:200px;
								}
								.cont{
									padding-left:330px;
									padding-top:5px;
									.t{
										@include fz(20px,36px);
									}
									.year{
										@include fz(14px,20px);
									}
									.con{
										@include fz(14px,24px);
										height:48px;
									}
									.more{
										margin-top:15px;
										.db{
											width:150px;
											height:44px;
										}
									}
								}
							}
						}
					}
				}
			}
			@media(max-width:800px){
				margin-top:30px;
				.laboratory{
					ul{
						li{
							padding:15px 0;
							.center{
								.tu{
									position:static;
									width:100%;
									height: auto;
								}
								.cont{
									width:100%;
									padding-left:0;
									padding-top:15px;
									.t{
										@include fz(16px,30px);
									}
									.year{
										@include fz(14px,18px);
										margin-top:5px;
									}
									.con{
										margin-top:5px;
										@include fz(14px,24px);
										height:48px;
									}
									.more{
										margin-top:8px;
										.tag{
											line-height:40px;
											font-size:14px;
										}
										.db{
											width:110px;
											height: 40px;
											.txt{
												line-height:40px;
											}
											.ico{
												img{
													height: 4px;
												}
											}
										}
									}
								}
							}
						}
					}
				}
			}
		}
	}
	&.vision{
		.vision_box{
			padding-top:132px;
			padding-bottom:120px;
			&.vision_box2{
				padding-bottom:0;
			}
			@media(max-width:1200px){
				padding-top:120px;
				padding-bottom:100px;
			}
			@media(max-width:1024px){
				padding-top:80px;
				padding-bottom:80px;
			}
			@media(max-width:600px){
				padding-top:40px;
				padding-bottom:40px;
			}
			.tit_box{
				@extend .top;
				.title{
					text-align: center;
					.en{
						text-transform:uppercase;
						@include fz(60px,76px);
						color:$color;
						font-family: "ELEPHNT_1";
						@media(max-width:1460px){
							@include fz(42px,70px);
						}
						@media(max-width:1024px){
							@include fz(40px,60px);
						}
						@media(max-width:600px){
							@include fz(26px,44px);
						}
					}
					.cn{
						@include fz(28px,54px);
						color:#333;
						@media(max-width:1400px){
							@include fz(24px,50px);
						}
						@media(max-width:1024px){
							@include fz(24px,30px);
						}
					}
				}
				.line{
					width:40px;
					height:6px;
					background:$color;
					margin:25px auto 0 auto;
					@media(max-width:1024px){
						margin:15px auto 0 auto;
						width:30px;
						height: 4px;
					}
				}
				.txt{
					@include fz(16px,30px);
					color:#999;
					width:880px;
					margin-left:auto;
					margin-right:auto;
					text-align: center;
					padding-top: 30px;
					@media(max-width:1024px){
						@include fz(14px,24px);
						width:94%;
						padding-top:20px;
					}
				}
			}
			.pro-swiper{
				margin-top:40px;
				@extend .top;
				.swiper-container{
					padding:48px 0;
					.swiper-wrapper{
						.swiper-slide{
							position:relative !important;
							&.swiper-slide-active{
								z-index:10 !important;
								
								a{
									transform:scale(1.35);
									.img_box{
										.bg{
											background:url(../img/222.png) no-repeat center center;
											background-size:cover;
										}
									}
									.txt{
										.tab{
											.tab_cell{
												.cn{
													color:$color;
												}
												.en{
													@include opacity(1);
													color:$color;
												}
											}
										}
									}
								}
							}
							a{
								display: block;
								position:relative;
								width:96%;
								.txt{
									position:absolute;
									top:0;
									width:74%;
									left:50%;
									margin-left: -37%;
									height: 100%;
									z-index:10;
									.tab{
										width:100%;
										height:100%;
										display:table;
										text-align: center;
										.tab_cell{
											display: table-cell;
											vertical-align: middle;
											.cn{
												@include fz(24px,30px);
												color:#fff;
												font-weight:bold;
											}
											.en{
												font-size:12px;
												line-height:20px;
												color:#999;
												font-family: "AVANTGARDEITCBYBT-DEMI";
												@include opacity(0);
											}
										}
									}
								}
								.img_box{
									width:100%;
									position:relative;
									.bg{
										width:100%;
										height: 101%;
										background:url(../img/111.png) no-repeat center center;
										background-size:cover;
										position:absolute;
										top:0;
										left:0;
									}
									.tu{
										overflow: hidden;
										width:96%;
										height: auto;
										margin:0 auto;
										position:relative;
										.mask{
											position:absolute;
											left:0;
											top:0;
											width:100%;
											height: 100%;
											background:rgba(0,0,0,0.4);
										}
										img{
											width:100%;
											display: block;
											height: auto;
										}
									}
									
								}
							}
						}
					}
				}
				@media(max-width:1460px){
					.swiper-container{
						padding:25px 0;
						.swiper-wrapper{
							.swiper-slide{
								&.swiper-slide-active{	
									a{
										transform:scale(1.2);
									}
								}
								a{
									.txt{
										.tab{
											.tab_cell{
												.cn{
													@include fz(20px,30px);
												}
											}
										}
									}
								}
							}
						}
					}
				}
				@media(max-width:1250px){
					.swiper-container{
						padding:20px 0;
						.swiper-wrapper{
							.swiper-slide{
								&.swiper-slide-active{	
									a{
										transform:scale(1.2);
									}
								}
								a{
									.txt{
										.tab{
											.tab_cell{
												.cn{
													@include fz(18px,26px);
												}
												.en{
													line-height:18px;
												}
											}
										}
									}
								}
							}
						}
					}
				}
				@media(max-width:1024px){
					width:1000px;
					position:relative;
					left:50%;
					margin-left:-500px;
					.swiper-container{
						padding:20px 0;
						.swiper-wrapper{
							.swiper-slide{
								&.swiper-slide-active{	
									a{
										transform:scale(1.1);
									}
								}
								a{
									margin:0 auto;
									.txt{
										.tab{
											.tab_cell{
												.cn{
													font-size:16px;
												}
											}
										}
									}
								}
							}
						}
					}
				}
				@media(max-width:500px){
					margin-top:20px;
					.swiper-container{
						padding:10px 0;
					}
				}
			}
			.btn{
				text-align: center;
				margin-top:25px;
				@media(max-width:500px){
					margin-top:15px;
				}
				div{
					width:36px;
					height: 16px;
					display: inline-block;
					vertical-align: top;
					cursor:pointer;
					margin:0 14px;
					&.btn_l{
						background:url(../img/btnl.png) no-repeat;
						@media(min-width:1024px){
							&:hover{
								background:url(../img/btnl2.png) no-repeat;
							}
						}
					}
					&.btn_r{
						background:url(../img/btnr.png) no-repeat;
						@media(min-width:1024px){
							&:hover{
								background:url(../img/btnr2.png) no-repeat;
							}
						}
					}
				}
			}
			.pro_box{
				@extend .top;
				&.pro_box2{
					padding-top:20px;
					@media(max-width:600px){
						padding-top:0;
					}

				}
				.pbg{
					background: #fafafa;
					padding-top:120px;
					margin-top:120px;
					padding-bottom:140px;
					@media(max-width:1200px){
						padding-top:100px;
						margin-top:100px;
						padding-bottom:120px;
					}
					@media(max-width:1024px){
						padding-top:80px;
						margin-top:80px;
						padding-bottom:90px;
					}
					@media(max-width:600px){
						padding-top:40px;
						margin-top:40px;
						padding-bottom:40px;
					}
					.pbox{
						margin-top:0;
						.tbox{
							left:auto;
							right:-22%;
							@media(max-width:1700px){
								left:-19%;
							}
							@media(max-width:1650px){
								display: none;
							}
						}
						.pro_top{
							.pro_r{
								right:auto;
								left:0;
							}
							.pro_l{
								float:right;
							}
						}
					} 
				}
				.pbox{
					position:relative;
					margin-top:70px;
					@media(max-width:1024px){
						margin-top:50px;
					}
					@media(max-width:600px){
						margin-top:20px;
					}
					
				}
				.tbox{
					position:absolute;
					left:-9%;
					top:0;
					z-index:100;
					.line{
						width:2px;
						height:80px;
						background: #ddd;
						margin-left:16px;
					}
					.t{
						margin-top:14px;
						.cn{
							@include fz(24px,28px);
							color:#000;
							width: 26px;
							display: inline-block;
							vertical-align: top;
						}
						.en{
							@include fz(14px,20px);
							color:#ccc;
							font-family: "AVANTGARDEITCBYBT-DEMI";
							display: inline-block;
							vertical-align: top;
							transform-origin:top left;
							transform:rotate(90deg);
							margin-left:18px;
							margin-top:4px;
						}
					}
					@media(max-width:1700px){
						left:-6%;
					}
					@media(max-width:1650px){
						display: none;
					}
				}
				.pro_top{
					position:relative;
					background:$color;
					.pro_l{
						width:50%;
						padding:6% 8.3% 6.9% 6.9%;
						box-sizing:border-box;
						position:relative;
						.border{
							position:absolute;
							left:10px;
							top:10px;
							bottom:10px;
							right:10px;
							border:1px solid #f7b74d;;

						}
						.t{
							@include fz(30px,50px);
							color:#fff;
							font-weight:bold;
						}
						.d{
							@include fz(20px,30px);
							color:#fff;
							font-weight:bold;
							padding-top:20px;
						}
						.con{
							@include fz(16px,30px);
							color:#fff;
							margin-top:20px;
						}
						.co{
							padding-top:8px;
							ul{
								li{
									@include fz(16px,30px);
									color:#fff;
									margin-top:10px;
									background:url(../img/rad.png) no-repeat left 5px;
									padding-left:22px;
								}
							}
						}
					}
					.pro_r{
						position:absolute;
						width:50%;
						height: 100%;
						
						right:0;
						top:0;
					}
					@media(max-width:1400px){
						.pro_l{
							padding:6%;
							.t{
								@include fz(26px,40px);
							}
							.d{
								@include fz(18px,26px);
								padding-top:15px;
							}
							.con{
								margin-top:15px;
							}
						}
					}
					@media(max-width:1024px){
						.pro_l{
							width:100%;
							padding:6%;
							.t{
								@include fz(22px,36px);
							}
							.con{
								margin-top:15px;
								@include fz(14px,24px);
							}
							.co{
								ul{
									li{
										@include fz(14px,24px);
										margin-top:5px;
									}
								}
							}
							.border{
								left:5px;
								top:5px;
								right:5px;
								bottom:5px;
							}
						}
						.pro_r{
							width:100%;
							height: auto;
							padding-bottom:60%;
							position:static;
						}
					}
					@media(max-width:600px){
						.pro_l{
							padding:6%;
							.t{
								@include fz(20px,32px);
							}
						}
					}
				}
				
				.box{
					ul{
						li:nth-child(even){
							float: right;
						}
						li{
							width: 49.6%;
							float: left;
							margin-top:18px;
							@media(min-width:1024px){
								&:hover{
									.tu{
										img{
											transform:scale(1.1);
										}
									}
									.txt{
										background:$color;

									}
								}
							}
							.tu{
								overflow: hidden;
								img{
									width:100%;
									height: auto;
									transition:all 0.5s ease-in-out;
								}
							}
							.txt{
								@include fz(20px,60px);
								color:#fff;
								text-align: center;
								background:#1e1d1c;
								padding:0 5px;
								box-sizing:border-box;
								transition:all 0.5s ease-in-out;
								@extend .ellipsis;
							}
						}
						@media(max-width:1024px){
							li{
								margin-top:12px;
								.txt{
									@include fz(16px,50px);
								}
							}
							
						}
						@media(max-width:800px){
							li{
								width:100%;
								float:none;
								margin-top:12px;
								.txt{
									@include fz(14px,40px);
								}
							}
							
						}
					}
				}
				.problem{
					margin-top:120px;
					@media(max-width:1024px){
						margin-top:80px;
					}
					@media(max-width:600px){
						margin-top:30px;
					}
					.problem_cen{
						padding-top:6.7%;
						padding-bottom:8%;
						.ico{
							text-align: center;
						}
						.ti{
							margin-top:20px;
							@include fz(30px,40px);
							color:#fff;
							text-align: center;
							font-weight:bold;
							span{
								color:$color;
							}
						}
						.list{
							margin-top:80px;
							ul{
								li{
									width:33.33%;
									float: left;
									padding:4% 4.5% 0 4.5%;
									height: 357px;
									box-sizing:border-box;
									position:relative;
									@media(max-width:1200px){
										padding:3% 3% 0 3%;
									}
									&.active{
										.bg{
											@include opacity(1);
										}
										.t{
											color:#333;
										}
										.con{
											color:#666;
										}
									}

									.bg{
										width:100%;
										height:100%;
										position:absolute;
										left:0;
										top:0;
										background: #fff;
										border-bottom:5px solid $color;
										border-top-left-radius:5px;
										border-top-right-radius:5px;
										@include opacity(0);
										transition:all 0.5s ease;
									}
									.icon{
										position:relative;
										z-index:10;
									}
									.t{
										@include fz(24px,30px);
										color:#fff;
										font-weight:bold;
										position:relative;
										z-index:10;
										transition:all 0.5s ease;
										margin-top:24px;
									}
									.con{
										@include fz(16px,30px);
										color:#fff;
										position:relative;
										z-index:10;
										transition:all 0.5s ease;
										margin-top:12px;
									}
								}
							}
						}
						@media(max-width:1400px){
							margin-top:100px;
							.ti{
								margin-top:15px;
								@include fz(26px,36px);
							}
							.list{
								margin-top:60px;
								ul{
									li{
										.t{
											@include fz(20px,30px);
											margin-top:20px;
										}
										.con{
											@include fz(15px,26px);
											margin-top:12px;
										}
									}
								}
							}
						}
						@media(max-width:1024px){
							margin-top:70px;
							.ico{
								img{
									height: 30px;
								}
							}
							.ti{
								margin-top:10px;
								@include fz(22px,32px);
							}
							.list{
								margin-top:40px;
								ul{
									li{
										height: auto;
										&.active{
											.bg{
												@include opacity(1);
											}
											.t{
												color:#fff;
											}
											.con{
												color:#fff;
											}
										}
										.bg{
											display: none;
										}
										.t{
											@include fz(20px,30px);
											margin-top:20px;
										}
										.con{
											@include fz(15px,26px);
											margin-top:12px;
										}
									}
								}
							}
						}
						@media(max-width:850px){
							margin-top:30px;
							.ti{
								@include fz(20px,30px);
							}
							.list{
								margin-top:20px;
								ul{
									li{
										height: auto;
										width:100%;
										float:none;
										padding:15px 0;
										.bg{
											display: none;
										}
										.icon{
											img{
												height: 30px;
											}
										}
										.t{
											@include fz(18px,28px);
											margin-top:10px;
										}
										.con{
											@include fz(14px,24px);
											margin-top:6px;
										}
									}
								}
							}
						}
					}
				}
				.case_box{
					padding-top:100px;
					@media(max-width:1024px){
						padding-top:70px;
					}
					@media(max-width:600px){
						padding-top:35px;
					}
					.title{
						text-align: center;
						.en{
							text-transform:uppercase;
							@include fz(60px,76px);
							color:$color;
							font-family: "ELEPHNT_1";
							@media(max-width:1460px){
								@include fz(42px,70px);
							}
							@media(max-width:1024px){
								@include fz(40px,60px);
							}
							@media(max-width:600px){
								@include fz(28px,44px);
							}
						}
						.cn{
							@include fz(28px,54px);
							color:#333;
							@media(max-width:1400px){
								@include fz(24px,50px);
							}
							@media(max-width:1024px){
								@include fz(24px,30px);
							}
						}
					}
					.item_box{
						margin-top:45px;
						overflow: hidden;
						@media(max-width:1024px){
							display: none;
						}
						ul{
							position:relative;
							li{
								width:700px;
								float: left;
								@media(min-width:1024px){
									&:hover{
										.tu{
											img{
												transform:scale(1.1);
											}
										}
									}
								}
								.tu{
									position: relative;
									overflow: hidden;
									img{
										width:100%;
										height: auto;
										transition:all 0.5s ease-in-out;
									}
								}
								.txt_box{
									position:absolute;
									left:0;
									width:100%;
									height:60px;
									background:rgba(0,0,0,0.6);
									bottom:0;
									padding:0 40px;
									box-sizing:border-box;
									.t{
										@include fz(20px,60px);
										color:#fff;
										@extend .ellipsis;
										padding-right:36px;
									}
									.ico{
										position:absolute;
										right:40px;
										top:50%;
										margin-top:-17px;
										transition:all 0.5s ease-in-out;
										width:34px;
										height: 34px;
										background:url(../img/play.png) no-repeat center center;
									}
								}
							}
						}
						.switch{
							text-align: center;
							margin-top:60px;
							span{
								display: inline-block;
								vertical-align: top;
								width:16px;
								height: 16px;
								background: #dcdcdc;
								border-radius:50%;
								margin:0 12px;
								cursor:pointer;
								&.active{
									background:$color;
								}
							}
						}
					}
					.slick_item{
						display: none;
						width:96%;
						margin:45px auto 10px auto; 
						@media(max-width:1024px){
							display: block;
						}
						@media(max-width:600px){
							margin:25px auto 0 auto; 
						}
						.slick-dots{
							li{
								margin:0 5px;
								&.slick-active{
									button{
										background:$color;
									}
								}
								button{
									background: #dcdcdc;
								}
							}
						}
						.item{
							.item_list{
								margin:0 3%;
								position:relative;
								.tu{
									position: relative;
									overflow: hidden;
									img{
										width:100%;
										height: auto;
										transition:all 0.5s ease-in-out;
									}
								}
								.txt_box{
									position:absolute;
									left:0;
									width:100%;
									height:60px;
									background:rgba(0,0,0,0.6);
									bottom:0;
									padding:0 40px;
									box-sizing:border-box;
									.t{
										@include fz(20px,60px);
										color:#fff;
										@extend .ellipsis;
										padding-right:36px;
									}
									.ico{
										position:absolute;
										right:40px;
										top:50%;
										margin-top:-17px;
										transition:all 0.5s ease-in-out;
										width:34px;
										height: 34px;
										img{
											width:100%;
											height: auto;
										}
									}
									@media(max-width:600px){
										height: 40px;
										padding:0 15px;
										.t{
											@include fz(16px,40px);
										}
										.ico{
											width: 30px;
											height: 30px;
											right:15px;
											margin-top:-15px;
										}
									}
								}
							}
						}
					}
				}
			}
			.video_list{
				ul{
					width:110%;
					li{
						float: left;
						width:28.6%;
						margin-right:2.4%;
						box-shadow: 0 5px 16px rgba(4,0,0,.1);
						margin-top:4.2%;
						cursor:pointer;
						@extend .top;
						@media(min-width:1024px){
							&:hover{
								.tu{
									img{
										transform:scale(1.1);
									}
								}
							}
						}
						.tu{
							overflow: hidden;
							img{
								transition:all 0.5s ease-in-out;
								width: 100%;
								height: auto;
								display: block;
							}
						}
						.cont{
							padding:0 30px;
							box-sizing:border-box;
							position:relative;
							.t{
								@include fz(18px,70px);
								color:#333;
								padding-right:35px;
								@extend .ellipsis;
							}
							.ico{
								position:absolute;
								right:30px;
								top:50%;
								margin-top:-17px;
							}
						}
					}
				}
				@media(max-width:1200px){
					ul{
						width:110%;
						li{
							.cont{
								padding:0 20px;
								.t{
									@include fz(18px,60px);
								}
								.ico{
									right:20px;
								}
							}
						}
					}
				}
				@media(max-width:850px){
					ul{
						width:100%;
						li:nth-child(even){
							float: right;
						}
						li{
							width:48%;
							margin-right:0;
							.cont{
								padding:0 20px;
								.t{
									@include fz(16px,50px);
								}
								.ico{
									right:20px;
								}
							}
						}
					}
				}
				@media(max-width:600px){
					ul{
						margin-top:25px;
						li:nth-child(even){
							float: none;
						}
						li{
							width:100%;
							float:none;
							margin-top:15px;
							margin-right:0;
							.cont{
								padding:0 15px;
								.t{
									@include fz(16px,50px);
								}
								.ico{
									right:15px;
								}
							}
						}
					}
				}
			}
		}
		.container_box{
			.title{
				@extend .top;
				text-align: center;
				.en{
					text-transform:uppercase;
					@include fz(60px,76px);
					color:$color;
					font-family: "ELEPHNT_1";
					@media(max-width:1460px){
						@include fz(42px,70px);
					}
					@media(max-width:1024px){
						@include fz(40px,60px);
					}
					@media(max-width:600px){
						@include fz(28px,44px);
					}
				}
				.cn{
					@include fz(28px,54px);
					color:#333;
					@media(max-width:1400px){
						@include fz(24px,50px);
					}
					@media(max-width:1024px){
						@include fz(24px,30px);
					}
				}
			}
			.box3{
				padding-top: 120px;
				background: #fafafa;
				padding-bottom: 125px;
				.video{
					width:1660px;
					margin-left: auto;
					margin-right: auto;
					position:relative;
					overflow: hidden;
					margin-top:45px;
					@extend .left;
					.video_l{
						width:44.5%;
						position:relative;
						overflow: hidden;	
						@media(min-width:1024px){
							&:hover{
								>img{
									transform:scale(1.1);
								}
							}
						}
						.mask{
							position:absolute;
							left:0;
							top:0;
							width:100%;
							height:100%;
							background:rgba(0,0,0,0.5);
						}
						.bg{
							position:absolute;
							width:100%;
							height:100%;
							left:0;
							top:0;
							background:url(../img/tubg.png) no-repeat;
							background-size:cover;
							z-index:10;
						}
						>img{
							width:100%;
							height: auto;
							transition:all 0.5s ease-in-out;
						}
						.cont_box{
							position:absolute;
							left:0;
							top:0;
							width:100%;
							height:100%;
							z-index:10;
							.tab{
								width:100%;
								height:100%;
								display:table;
								.tab_cell{
									display: table-cell;
									vertical-align: middle;
									text-align: center;	
									.txt{
										@include fz(24px,40px);
										color:#fff;
										margin-top: 20px;
									}
								}
							}
						}
					}
					.video_r{
						width:55.5%;
						background:url(../img/tbb.jpg) no-repeat;
						background-size:cover;
						position:absolute;
						right:0;
						top:0;
						height: 100%;	
						padding-top:6%;
						box-sizing:border-box;
						.cont{
							width:81.5%;
							float: right;	
							margin-right: 12.1%;
							.t{
								width:83%;
								@include fz(24px,28px);
								color:#fff;
								font-weight:bold;
							}
							.line{
								width:30px;
								height:6px;
								margin-top: 20px;
								background: #fff;
							}
							.content{
								height: 270px;	
								position:relative;
								margin-top:24px;
								overflow: hidden;	
								.conn{
									width:83%;
									position:relative;
									@include fz(16px,30px);
									color:#fff;
									
								}
								.btn_box{
									position:absolute;
									right:0;
									top:0;
									width:50px;
									height:100%;
									.tab{
										width:100%;
										height:100%;
										display:table;
										.tab_cell{
											display: table-cell;
											vertical-align: middle;	
											div{
												margin:12px 0;
												cursor:pointer;
											}
										}
									}
								}
							}
						}
					}
				}
				@media(max-width:1680px){
					.video{
						width:94%;
					}
				}
				@media(max-width:1500px){
					.video{
						.video_r{
							padding-top:5%;
							.cont{
								.content{
									height: 240px;	
								}
							}
						}
					}
				}
				@media(max-width:1400px){
					padding-top: 100px;
					padding-bottom: 100px;
					.video{
						.video_l{
							.cont_box{
								.tab{
									.tab_cell{
										.play{
											img{
												height: 60px;	
												width:auto;
											}
										}
										.txt{
											@include fz(20px,36px);
											margin-top:10px;
										}
									}
								}
							}
						}
						.video_r{
							padding-top:4%;
							.cont{
								.t{
									font-size:20px;
								}
								.content{
									height: 208px;	
									.conn{
										@include fz(15px,26px);
									}
									.btn_box{
										.tab{
											.tab_cell{
												div{
													img{
														height: 40px;	
													}
												}
											}
										}
									}
								}
							}
						}
					}
				}
				@media(max-width:1200px){
					.video{
						.video_r{
							padding-top:4%;
							.cont{
								.content{
									height: 168px;	
									.conn{
										@include fz(14px,24px);
									}
								}
							}
						}
					}
				}
				@media(max-width:1024px){
					padding:80px 0;
					.video{
						.video_l{
							width:100%;
							float:none;
							.bg{
								display: none;
							}
						}
						.video_r{
							position:static;
							height: auto;	
							width:100%;
							background:$color;
							padding:30px 15px;
							.cont{
								width:100%;
								float:none;
								.t{
									width:100%;
								}
								.line{
									margin-top:10px;
								}
								.content{
									margin-top:15px;
									height: auto;
									.btn_box{
										display:none;
									}
									.conn{
										width:100%;
									}
								}
							}
						}
					}
				}
				@media(max-width:600px){
					padding:35px 0;
					.video{
						margin-top: 30px;
					}
				}
			}
			.case{
				padding-top:127px;
				@media(max-width:1200px){
					padding-top:100px;
				}
				@media(max-width:1024px){
					padding-top:80px;
				}
				@media(max-width:600px){
					padding-top:30px;
				}
				.case_list{
					background: #000;
					position:relative;
					padding:105px 0;
					margin-top:50px;
					@extend .top;
					@media(max-width:1024px){
						padding:70px 0;
					}
					@media(max-width:600px){
						padding:30px 0;
						margin-top:30px;
					}
					.e{
						@include fz(340px,340px);
						color:#0f0f0f;
						font-family: "BEBAS__";
						text-transform:uppercase;
						position:absolute;
						left:0;
						top:50%;
						margin-top:-170px;
					}
					.case_cen{
						position:relative;
						z-index:10;
						.case_b{
							width:107%;
							.case_l{
								float: left;
								width:30.9%;
								padding-top:60px;
								.cont{
									.t{
										@include fz(30px,50px);
										color:$color;
										font-weight:bold;
									}
									.con{
										@include fz(16px,30px);
										color:#999;
										margin-top:20px;
										height: 270px;
									}
								}
								.controls{
									margin-top:25px;
									display: inline-block;
									.dots{
										font-size:0;
										a{
											margin-right:7px;
											display: inline-block;
											width:20px;
											height:2px;
											cursor:pointer;
											background: #333;
											transtition:all 0.3s;
											&.active{
												background: #fff;
											}
										}
									}
									.current{
										text-align: center;
										@include fz(16px,30px);
										color:#fff;
										font-family:Arial;
										margin-top:6px;
										div{
											display: inline-block;
											padding:0 5px;
										}
									}
								}
							}
							.case_r{
								width:61.9%;
								float: right;
								overflow: hidden;
								position:relative;
								padding:0 15px;
								box-sizing:border-box;
								.btn{
									position:absolute;
									left:0;
									right:50%;
									top:50%;
									z-index:20;
									margin-top:-17px;
									.btn_l{
										width:71px;
										height:34px;
										cursor:pointer;
										background:url(../img/bll.png) no-repeat;
										position:absolute;
										left:0;
										&:hover{
											background:url(../img/blll.png) no-repeat;
										}
									}
									.btn_r{
										width:71px;
										height:34px;
										cursor:pointer;
										background:url(../img/br.png) no-repeat;
										position:absolute;
										right:-15px;
										&:hover{
											background:url(../img/brrr.png) no-repeat;
										}
									}
								}
								ul{
									position:relative;
									li{
										width:476px;
										float: left;
										transform:scale(0.9);
										position:relative;
										&.active{
											transform:scale(1);
											.mask{
												@include opacity(0);
											}
											.txt{
												margin-left:-45px;
												span{
													border-color:#fff;
													font-size:30px;
													color:#fff;
												}
											}
										}
										.txt{
											position:absolute;
											left:34px;
											bottom:40px;
											z-index:20;
											span{
												display: inline-block;
												@include fz(24px,30px);
												color:#ccc;
												border-bottom:4px solid #ccc;
												padding-bottom: 5px;
											}
										}
										.mask{
											position:absolute;
											left:0;
											top:0;
											width:100%;
											height:100%;
											background:rgba(0,0,0,0.65);
											z-index:10;
										}
										.tu{
											overflow: hidden;
											position:relative;
											.bg{
												width:100%;
												height:100%;
												position:absolute;
												left:0;
												top:0;
												background:url(../img/hhbg.png) no-repeat;
												background-size:cover;
											}
											img{
												width:100%;
												height: auto;
											}
										}
									}
								}
							}
						}
						
					}
					@media(max-width:1200px){
						.e{
							@include fz(300px,300px);
							margin-top:-150px;
						}
						.case_cen{
							.case_b{
								width:107%;
								.case_l{
									width:30.9%;
									padding-top:30px;
									.cont{
										.t{
											@include fz(26px,40px);
										}
										.con{
											@include fz(15px,28px);
											margin-top:15px;
											height: 252px;
										}
									}
									.controls{
										margin-top:15px;
									}
								}
								.case_r{
									ul{
										li{
											&.active{
												.txt{
													margin-left:-30px;
													span{
														font-size:26px;
													}
												}
											}
											.txt{
												left:24px;
												bottom:30px;
												span{
													@include fz(20px,30px);
												}
											}
										}
									}
								}
							}
							
						}
					}
					@media(max-width:1024px){
						.case_cen{
							display: none;
						}
					}
					
					.gallery-thumbs{
						margin-top:25px;
						display: none;
						@media(max-width:1024px){
							display:block;
						}

						.swiper-wrapper{
							.swiper-slide{
								.t{
									@include fz(20px,40px);
									color:$color;
									font-weight:bold;
								}
								.con{
									@include fz(14px,24px);
									color:#999;
									margin-top:15px;
								}
							}
						}
						
					}
					.gallery-top{
						display: none;
						@media(max-width:1024px){
							display:block;
						}
						.swiper-wrapper{
							.swiper-slide{
								&.swiper-slide-active{
									.mask{
										@include opacity(0);
									}
									.txt{
										span{
											color:#fff;
											border-color:#fff;
										}
									}
								}
								.txt{
									position:absolute;
									left:5%;
									bottom:15px;
									z-index:20;
									span{
										display: inline-block;
										@include fz(20px,30px);
										color:#ccc;
										border-bottom:4px solid #ccc;
										padding-bottom: 5px;
									}
								}
								.mask{
									position:absolute;
									left:0;
									top:0;
									width:100%;
									height:100%;
									background:rgba(0,0,0,0.65);
									z-index:10;
								}
								.tu{
									overflow: hidden;
									position:relative;
									.bg{
										width:100%;
										height:100%;
										position:absolute;
										left:0;
										top:0;
										background:url(../img/hhbg.png) no-repeat;
										background-size:cover;
									}
									img{
										width:100%;
										height: auto;
									}
								}
							}
						}
					}
				}
			}
			.model{
				padding-top:100px;
				@media(max-width:1200px){
					padding-top:80px;
				}
				@media(max-width:1024px){
					padding-top:60px;
				}
				@media(max-width:600px){
					padding-top:30px;
				}
				.model_list{
					margin-top:50px;
					ul{
						li:nth-child(even){
							.bimg{
								left:auto;
								right:0;
							}
							.model_cen{
								.cont{
									float: left;
								}
							}
						}
						li{
							position:relative;
							background: #fafafa;
							@extend .top;
							.bimg{
								width:50%;
								position:absolute;
								left:0;
								top:0;
								height: 100%;
								background-size:cover;
							}
							.model_cen{
								padding-top:6.9%;
								padding-bottom:9.5%;
								.cont{
									width:43%;
									float: right;
									.tit_box{
										position:relative;
										.num{
											@include fz(160px,110px);
											color:$color;
											 font-family: "HELVETICA-CONDENSED-BLACK-SE";
										}
										.txt{
											@include fz(30px,44px);
											color:$color;
											font-weight:bold;
											position:absolute;
											left:72px;
											bottom:5px;
											background: #fafafa;
											span{
												font-weight:normal;
												@include fz(20px,24px);
												color:#333;
												display: inline-block;
												vertical-align: middle;
												margin-left:10px;
											}
										}
									}
									.con{
										@include fz(16px,28px);
										color:#666;
										margin-top:40px;
									}
								}
							}
						}
					}
					@media(max-width:1200px){
						ul{
							li{
								.model_cen{
									padding-top:6.9%;
									padding-bottom:9.5%;
									.cont{
										.tit_box{
											.num{
												@include fz(130px,100px);
											}
											.txt{
												@include fz(26px,36px);
												left:58px;
												bottom:5px;
												span{
													@include fz(18px,20px);
												}
											}
										}
										.con{
											@include fz(15px,24px);
											margin-top:30px;
										}
									}
								}
							}
						}
					}
					@media(max-width:1024px){
						ul{
							li{
								.model_cen{
									padding-top:6.9%;
									padding-bottom:9.5%;
									.cont{
										.tit_box{
											.num{
												@include fz(130px,100px);
											}
											.txt{
												@include fz(22px,30px);
												left:58px;
												bottom:5px;
												span{
													@include fz(16px,20px);
												}
											}
										}
									}
								}
							}
						}
					}
					@media(max-width:850px){
						ul{
							li{
								.bimg{
									position:static;
									height: auto;
									padding-top:70%;
									width:100%;
								}
								.model_cen{
									padding:30px 0;
									.cont{
										width:100%;
										.tit_box{
											.num{
												@include fz(80px,60px);
											}
											.txt{
												@include fz(20px,26px);
												display: block;
												position:static;
												background:none;
												span{
													@include fz(14px,20px);
												}
											}
										}
										.con{
											@include fz(14px,24px);
											margin-top:20px;
										}
									}
								}
							}
						}
					}
					@media(max-width:600px){
						margin-top:30px;
						ul{
							li{
								.model_cen{
									.cont{
										.tit_box{
											.num{
												@include fz(50px,40px);
											}
											.txt{
												margin-top:10px;
											}
										}
										.con{
											margin-top:15px;
										}
									}
								}
							}
						}
					}
				}
			}
			.box2{
				background: #fafafa;
				padding-bottom:74px;
				padding-top:100px;
				@media(max-width:1200px){
					padding-top:80px;
				}
				@media(max-width:1024px){
					padding-top:60px;
					padding-bottom:60px;
				}
				@media(max-width:600px){
					padding:30px 0;
				}
				.box_cen{
					
					.list{
						margin-top:5px;
						@extend .top;
						padding-bottom:15px;
						ul{
							li{
								width:25%;
								float: left;
								min-height:75px;
								position:relative;
								margin-top:50px;
								@media(min-width:1024px){
									&:hover{
										.icon_box .ico{
											transform:rotate(360deg);
										}
									}
								}
								.icon_box{
									width:76px;
									height:76px;
									position:absolute;
									left:0;
									top:0;
									.ico{
										position:absolute;
										left:0;
										top:0;
										width:100%;
										height: 100%;
										transition:all 1s;
										border-radius:50%;
										// background:url(../img/rad1_1.png) no-repeat;
										// background-size:contain;
										img{
											width:100%;
											height: auto;
										}
									}
									.pic{
										position:relative;
										width:100%;
										line-height:76px;
										text-align: center;
									}
								}
								.con{
									width:100%;
									padding-left:95px;
									box-sizing:border-box;
									padding-top:5px;
									padding-right:10px;
									.t{
										@include fz(20px,34px);
										color:#333;
										font-weight:bold;
									}
									.co{
										@include fz(15px,26px);
										color:#666;
									}
								}
							}
						}
						@media(max-width:1400px){
							ul{
								li{
									margin-top:40px;
									.con{
										.t{
											@include fz(18px,30px);
										}
										.co{
											@include fz(14px,24px);
										}
									}
								}
							}
						}
						@media(max-width:1200px){
							ul{
								li{
									width:33.33%;
									margin-top:30px;
									.con{
										padding-left:85px;
										.t{
											@include fz(18px,30px);
										}
										.co{
											@include fz(14px,24px);
										}
									}
								}
							}
						}
						@media(max-width:850px){
							ul{
								li{
									width:50%;
									margin-top:20px;
									.con{
										padding-left:85px;
										padding-right:0;
										.t{
											@include fz(18px,30px);
										}
										.co{
											@include fz(14px,24px);
										}
									}
								}
							}
						}
						@media(max-width:650px){
							margin-top:30px;
							ul{
								li{
									width:100%;
									float:none;
									height: auto !important;
									margin-top:20px;
									min-height:50px;
									.icon_box{
										width: 60px;
										.ico{
											width:60px;
											height: 60px;
										}
										.pic{
											line-height:60px;
											img{
												height:26px;
											}
										}
									}
									.con{
										padding-left:75px;
										padding-right:0;
										.t{
											@include fz(16px,26px);
										}
										.co{
											@include fz(14px,24px);
										}
									}
								}
							}
						}
					}
				}
			}
			.box{
				.box_cen{
					padding:140px 0;
					.box_l{
						float: left;
						width:46.5%;
						@extend .right;
						.img{
							img{
								max-width:100%;
							}
						}
						.t{
							@include fz(24px,42px);
							color:$color;
							font-weight:bold;
							margin-top:40px;
						}
						.con{
							@include fz(16px,28px);
							color:#666;
							margin-top:12px;
							p{
								padding-top:15px;
							}
						}
					}
					.box_r{
						width:47.22%;
						float: right;
						position:relative;
						@extend .left;
						.bg{
							width:100%;
							height:100%;
							position:absolute;
							left:0;
							top:0;
							background:url(../img/x1.png) no-repeat bottom center;
							background-size:100% 100%;
						}
						.tu{
							width:100%;
							overflow: hidden;
							
							img{
								width:100%;
								height: auto;
							}
						}
					}
					@media(max-width:1200px){
						padding:120px 0;
						.box_l{
							.t{
								@include fz(20px,36px);
								margin-top:30px;
							}
							.con{
								@include fz(15px,26px);
								margin-top:12px;
								p{
									padding-top:10px;
								}
							}
						}
					}
					@media(max-width:1024px){
						padding:80px 0;
						.box_r{
							width:80%;
							float:none;
							margin-top:40px;
						}
						.box_l{
							width:100%;
							float:none;
							.img{
								img{
									height: 60px;
									width: auto;
								}
							}
							.t{
								@include fz(20px,36px);
								margin-top:30px;
							}
							.con{
								@include fz(15px,26px);
								margin-top:12px;
								p{
									padding-top:10px;
								}
							}
						}
					}
					@media(max-width:600px){
						padding:40px 0;
						.box_r{
							width:100%;
							float:none;
							margin-top:20px;
						}
						.box_l{
							width:100%;
							float:none;
							.img{
								img{
									height: 30px;
									width: auto;
								}
							}
							.t{
								@include fz(18px,24px);
								margin-top:15px;
							}
							.con{
								@include fz(14px,24px);
								margin-top:0px;
								p{
									padding-top:10px;
								}
							}
						}
					}
				}
			}
			.pro{
				.pro_cen{
					padding-top:95px;
					padding-bottom:120px;
					@media(max-width:1024px){
						padding-top:70px;
						padding-bottom:90px;
					}
					@media(max-width:600px){
						padding-top:30px;
						padding-bottom:30px;
					}
					.classification{
						margin-top:30px;
						text-align: center;
						@extend .top;
						a{
							width:200px;
							height: 50px;
							display: inline-block;
							background: #1e1d1c;
							@include fz(18px,50px);
							color:#fff;
							position:relative;
							transition:all 0.5s;
							&.cur{
								background:$color;
							}
							@media(min-width:1024px){
								&:hover{
									background:$color;
								}
							}
							.bg{
								position:absolute;
								left:0;
								top:0;
								width:100%;
								height: 100%;
								background:url(../img/jjj.png) no-repeat;
								background-size:cover;
							}
						}
						@media(max-width:1024px){
							a{
								width:160px;
								height: 40px;
								line-height:40px;
								font-size:16px;
							}
						}
						@media(max-width:600px){
							margin-top:20px;
							a{
								width:145px;
								height: 36px;
								line-height:36px;
								font-size:16px;
							}
						}
					}
					.wrap{
						overflow: hidden;
						margin-top:60px;
						padding-bottom:40px;
						@extend .top;
						@media(max-width:1024px){
							display: none;
						}
						>ul{
							position:relative;
							>li{
								width:700px;
								float: left;
								margin-right:40px;
								.tu{
									overflow: hidden;
									position:relative;
									.btn{
										position:absolute;
										width:100%;
										bottom:67px;
										line-height:0;
										text-align:right;
										font-size:0;
										padding-right:30px;
										box-sizing:border-box;
										div{
											vertical-align: top;
											display: inline-block;
											width:40px;
											height:40px;
											background: #1e1d1c;
											border-radius:50%;
											text-align: center;
											line-height:40px;
											margin-left:15px;
											transition:all 0.5s;
											cursor:pointer;
											&:hover{
												background:$color;
											}
										}
									}
									ul{
										width:20000px;
										li{
											float: left;
											overflow: hidden;
											img{
												width:100%;
												height: auto;
											}
										}
									}
								}
								.cont{
									background-color: #fff;
									box-shadow: 0 5px 32px rgba(4,0,0,.2);
									width:91.4%;
									margin-left:auto;
									margin-right:auto;
									margin-top:-50px;
									height: 284px;
									box-sizing:border-box;
									position:relative;
									z-index:10;
									padding:40px 10%;
									text-align: center;
									.t{
										@include fz(24px,36px);
										color:$color;
										font-weight:bold;
									}
									.line{
										width:30px;
										height:6px;
										background:$color;
										margin-top:15px;
										margin-left:auto;
										margin-right:auto;
									}
									.con{
										@include fz(16px,30px);
										color:#666;
										margin-top:30px;
										strong{
											font-size:18px;
											color:#333;
											font-weight:bold;
										}
									}
								}
							}
						}
						@media(max-width:1200px){
							>ul{
								>li{
									.tu{
										.btn{
											bottom:50px;
										}
									}
									.cont{
										margin-top:-30px;
										padding:40px 5%;
										.t{
											@include fz(20px,30px);
										}
										.line{
											margin-top:10px;
										}
										.con{
											@include fz(15px,28px);
											margin-top:20px;
										}
									}
								}
							}
						}
					}
					.switch{
						text-align: center;
						margin-top:45px;
						@media(max-width:1024px){
							display: none;
						}
						span{
							display: inline-block;
							vertical-align: top;
							width:16px;
							height: 16px;
							background: #dcdcdc;
							border-radius:50%;
							margin:0 12px;
							cursor:pointer;
							&.active{
								background:$color;
							}
							
						}
					}
					.swiper_pro{
						margin-top:30px;
						display: none;
						@media(max-width:1024px){
							display: block;
						}
						.swiper_h{
							.swiper-pagination{
								bottom:0 !important;
								line-height:0;
								.swiper-pagination-bullet{
									&.swiper-pagination-bullet-active{
										background:$color;
									}
								}
							}
							>.swiper-wrapper{
								padding-bottom:30px;
								.swiper-slide{
									.tu{
										.swiper_box{
											.swiper-wrapper{
												.swiper-slide{
													img{
														width:100%;
														height: auto;
													}
												}
											}
										}
									}
									.cont{
										background-color: #fafafa;
										width:100%;
										box-sizing:border-box;
										position:relative;
										z-index:10;
										padding:15px 5%;
										text-align: center;
										.t{
											@include fz(20px,30px);
											color:$color;
											font-weight:bold;
										}
										.line{
											width:30px;
											height:6px;
											background:$color;
											margin-top:10px;
											margin-left:auto;
											margin-right:auto;
										}
										.con{
											@include fz(14px,24px);
											color:#666;
											margin-top:15px;
											text-align:left;
											strong{
												font-size:16px;
												color:#333;
												font-weight:bold;
											}
										}
									}
								}
							}
						}
					}
				}
			}
		}
	}
}

.footer{
	transition:all 0.5s;
	&.active{
		transform:translateX(-390px);
		@media(max-width:500px){
			transform:translateX(-250px);
		}
	}
	.footer_top{
		.footer_cen{
			padding:125px 0;
			.link_list{
				float: left;
				ul{
					li:last-child{
						margin-right:0;
					}
					li{
						float: left;
						margin-right:75px;
						.t{
							display: block;
							@include fz(20px,24px);
							color:#fff;
							font-weight:bold;
						}
						.links{
							margin-top:24px;
							a{
								display: block;
								@include fz(14px,24px);
								margin-top:12px;
								color:#666;
								transition:all 0.5s;
								@media(min-width:1024px){
									&:hover{
										color:#fff;
									}
								}
							}
						}
					}
				}
			}
			.contact{
				float: left;
				width:31.25%;
				padding:0 4.8% 25px 4.8%;
				margin-left:4.8%;
				box-sizing:border-box;
				border-left:1px solid #2d2c2c;
				border-right:1px solid #2d2c2c;
				.t{
					display: block;
					@include fz(20px,24px);
					color:#fff;
					font-weight:bold;
				}
				.msg{
					display: block;
					@include fz(14px,24px);
					margin-top:24px;
					color:#666;
					p{
						margin-top:12px;
					}
					span{
						color:$color;
					}
				}
				.tel{
				    font-size: 20px;
				    line-height: 30px;
				    color: #f39700;
				    padding-left: 24px;
				    margin-top:32px;
				    background: url(../img/tel.png) no-repeat left center;
				}
			}
			.follow{
				float: right;
				.t{
					display: block;
					@include fz(20px,24px);
					color:#fff;
					font-weight:bold;
				}
				.wx{
					margin-top:22px;
					.code{
						width:140px;
						height:140px;
						overflow: hidden;
						img{
							width:100%;
							height: auto;
						}
					}
					.txt{
						text-align: center;
						@include fz(14px,24px);
						color:#666;
						margin-top:10px;
					}
				}
			}
		}
		@media(max-width:1460px){
			.footer_cen{
				padding:110px 0;
				.link_list{
					ul{
						li{
							margin-right:50px;
							.t{
								@include fz(20px,24px);
							}
							.links{
								a{
									margin-top:12px;
								}
							}
						}
					}
				}
				.contact{
					width:33.25%;
				}
			}
		}
		@media(max-width:1320px){
			.footer_cen{
				padding:110px 0;
				.link_list{
					ul{
						li{
							margin-right:40px;
							.t{
								@include fz(20px,24px);
							}
							.links{
								a{
									margin-top:12px;
								}
							}
						}
					}
				}
				.contact{
					width:33.25%;
					padding: 0 3.8% 25px 3.8%;
				}
				.follow{
					.wx{
						.code{
							width:120px;
							height: 120px;
						}
					}
				}
			}
		}
		@media(max-width:1230px){
			.footer_cen{
				padding:90px 0;
				.link_list{
					ul{
						li{
							margin-right:30px;
							.t{
								@include fz(20px,24px);
							}
							.links{
								a{
									margin-top:12px;
								}
							}
						}
					}
				}
			}
		}
		@media(max-width:1150px){
			.footer_cen{
				.link_list{
					ul{
						li{
							margin-right:20px;
						}
					}
				}
			}
		}
		@media(max-width:1070px){
			.footer_cen{
				.link_list{
					ul{
						li{
							margin-right:25px;
							.t{
								font-size:16px;
							}
							.links{
								a{
									margin-top:5px;
								}
							}
						}
					}
				}
				.contact{
					.t{
						font-size:16px;
					}
					.msg{
						p{
							margin-top:5px;
						}
					}
				}
				.follow{
					.t{
						font-size:16px;
					}
				}
			}
		}
	}
	@media(max-width:1024px){
		.footer_cen{
			display: none;
		}
		
	}
	.copyright_cen{
		border-top:1px solid #2d2c2c;
		padding:30px 0;
		.fl{
			@include fz(14px,30px);
			color:#333;
			display: block;
			text-transform:uppercase;
			a{
				color:#333;
				@media(min-width:1024px){
					&:hover{
						color:$color;
					}
				}
			}
		}
		.gotop{
			float: right;
			width:36px;
			height:26px;
			background:url(../img/top.png) no-repeat;
		}
		@media(max-width:1024px){
			border:none;
			text-align: center;
			padding:15px 0;
			.fl{
				width:100%;
				float:none;
				@include fz(12px,20px);
				span{
					display: block;
				}
			}
			.gotop{
				float: none;
				display: block;
				margin:5px auto 0 auto;
			}
		}
	}
}
.page_box{
	margin-top:100px;
	@extend .top;
	.page{
		background: #fafafa;
		position:relative;
		text-align: center;
		padding:15px 110px;
		box-sizing:border-box;
		.prev{
			@include fz(16px,36px);
			color:#666;
			position:absolute;
			left:30px;
			top:50%;
			margin-top:-18px;
			display: inline-block;
			width:auto;
			background:none;
			transition:all 0.5s;
			@media(min-width:1024px){
				&:hover{
					background:none;
					color:$color;
				}
			}
		}
		.next{
			@include fz(16px,36px);
			color:#666;
			position:absolute;
			right:30px;
			top:50%;
			margin-top:-18px;
			display: inline-block;
			width:auto;
			background:none;
			transition:all 0.5s;
			@media(min-width:1024px){
				&:hover{
					background:none;
					color:$color;
				}
			}
		}
		a{
			width:36px;
			height: 36px;
			background: #ccc;
			@include fz(20px,36px);
			color:#fff;
			text-align: center;
			border-radius:50%;
			display: inline-block;
			vertical-align: top;
			margin:0 7px;
			transition:all 0.5s;
			&.active{
				background:$color;
			}
			@media(min-width:1024px){
				&:hover{
					background:$color;
				}
			}
		}
	}
	@media(max-width:1024px){
		margin-top:70px;
		.page{
			padding:10px 110px;
			.prev{
				@include fz(16px,36px);
			}
			.next{
				@include fz(16px,36px);
			}
			a{
				width:30px;
				height: 30px;
				@include fz(16px,30px);
			}
		}
	}
	@media(max-width:600px){
		margin-top:30px;
		.page{
			padding:10px 70px;
			font-size:0;
			.prev{
				left:10px;
				@include fz(14px,28px);
				margin-left:0;
				margin-right:0;
				margin-top:-14px;
			}
			.next{
				right:10px;
				margin-left:0;
				margin-right:0;
				@include fz(14px,28px);
				margin-top:-14px;
			}
			a{
				width:28px;
				height:28px;
				margin:0 2px;
				@include fz(14px,28px);
			}
		}
	}
}
.mask_bg{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:10000;
	background:rgba(0,0,0,0.6);
	@include opacity(0);
	visibility:hidden;
	&.active{
		@include opacity(1);
		visibility:visible;
		transition:all 0.5s;
	}
}
.js-cont{
	width:642px;
	height:480px;
	position:fixed;
	top:50%;
	margin-top:-240px;
	left:50%;z-index:10001;
	margin-left:-321px;  
	box-sizing:border-box;
	transform:translateY(2000px);
	visibility:hidden;
	&.active{
		transform:translateY(0%);
		transition:all 0.5s 0.2s;
		visibility:visible;
	}
	video{
		width:100%;
		height:100%;
		display: block;
	}
	.close{
		width:40px;
		height:40px;
		position:absolute;
		right:-40px;
		cursor:pointer;
		top:0;
		background:url(../img/close.png) no-repeat center center;
		@media(max-width:500px){
			background-size:16px 16px !important; 
		}
	}
	@media (max-width: 900px){
	    width: 538px;
	    height: 404px;
	    background: none;
	    margin-left: -269px;
	    margin-top:-202px; 
	}
	@media (max-width: 660px){
	    width: 300px;
	    height: 228px;
	    margin-left:-150px;
	    margin-top:-114px;  
	    .close{
	    	top:-40px;
	    	right:0;
	    }
	}
}
.cooperation{
	background: #171c21;
	padding-top:50px;
	padding-bottom:85px;	
	.swiper_cooperation{
		display: none;
		@media(max-width:500px){
			display: block;
		}
		.swiper-container{
			.swiper-wrapper{
				.swiper-slide{
					text-align: center;
					img{
						max-width:60%;
						max-height:60%;
					}
					a{
						display: block;
						width:100%;

					}
				}
			}
		}
	}
	.cooperation_cen{
		position:relative;
		overflow: hidden;
		@extend .top;
		.line_h{
			position:absolute;
			left:0;
			top:0;
			width:100%;
			ul{
				li:last-child{
					background:none;
				}
				li{
					height: 170px;
					width:100%;
					background:url(../img/line_h.png) no-repeat bottom center;
					background-size:100% 1px;
				}

			}
		}
		.line_s{
			position:absolute;
			left:0;
			top:0;
			width:100%;
			height:100%;
			ul{
				height:100%;
				li:last-child{
					background:none;
				}
				li{
					width:12.5%;
					float: left;
					height: 100%;
					background:url(../img/ls.png) no-repeat right center;
					background-size:1px 100%;
				}
			}
		}
		.list{
			overflow: hidden;
			position:relative;
			z-index:10;
			ul{
				li{
					float: left;
					width:12.5%;
					height: 170px;
					line-height:170px;
					text-align: center;
					img{
						max-width:80%;
						max-height:80%;
					}
					a{
						display: block;
						width:100%;
						height: 100%;
					}
				}
			}
		}
		
	}
	@media(max-width:1024px){
		padding-top:40px;
		padding-bottom:50px;
		.cooperation_cen{
			.list{
				ul{
					
					li{
						width:16.66%;
					}
				}
			}	
			.line_h{
				ul{
					
						li:last-child{
							background:url(../img/line_h.png) no-repeat bottom center;
							background-size:100% 1px;
						}

				}
			}
			.line_s{
				ul{
					li:nth-child(6){
						background:none;
					}
					li{
						width:16.66%;
					}
				}
			}
		}
	}
	@media(max-width:500px){
		padding:20px 0;
		.cooperation_cen{
			display: none;
		}
	}
}

.menu_box {
    background-color:#000;
    color: #fff;
    position: fixed;
    right: -390px;
    top: 0px;
    width:390px;
    height: 100%;
    z-index: 9999;
    transition:all 0.5s;
    // transform:translateX(100%);
    transform-origin:left center;
    transform:perspective(800px) rotateY(90deg);
    @media(max-width:500px){
    	right:-250px;
    }
    &.active{
    	 right: 0px;
    	// transform:translateX(0%);
    	transform:rotateY(0deg);
    }

	.navMobile{
		width:100%;
		height:auto;
		padding-top:15px; 	
		
		li{
			width:100%;
			height:auto;
			padding-bottom:10px; 	
			>a{
				display:block;
				font-size: 20px;
				color:#fff;	
				padding:0 30px;
   			    box-sizing:border-box;
   			    &.show{
   			    	// background:#ad5f00;
   			    }
			}
			.subnav{
				width:100%;
				height:auto;
				padding:15px 30px;
   				box-sizing:border-box;
   				display:none; 	
   				background-color:rgba(#626262,1);
				a{
					display:block;
					color:#fff;
					font-size:14px;	
					border-bottom:1px solid #fff;
					line-height:30px;
					@include opacity(0.8);
					span{
						font-size: 12px;
						padding:0 3px;
						position:relative;
						top:-4px;
					}
				}
			}
		}
	}
	@media(max-width:500px){
		width:250px;
		.language2{
			padding:20px 4% 0 4%;
		}
		.navMobile{
			padding-top:10px; 	
			
			li{
				padding-bottom:6px; 	
				>a{
					display:block;
					font-size: 16px;
					color:#fff;	
					padding:0 8%;
	   			    box-sizing:border-box;
				}
				.subnav{
					padding:10px 8%;
					a{
						display:block;
						font-size:14px;			
					}
				}
			}
		}
	}
}		